Javascript 命名约定-JS中的HTML元素

如何在JS中命名HTML元素对象

var diveditorrea=document.getElementById（“editorrea”）

var btnCheckSyntax=document.getElementById（“checksyntax”）

这是一个好方法吗？
据我所知，在JS中命名HTML元素没有约定。Javascript是一个如此多样化的世界，即使有一个约定，它也很难被大多数社区所遵循。例如，请参见（）中的各种代码过梁和代码样式约定

名称应该清楚地显示您的意图，以便代码易于理解。我不认为将HTML元素的类型添加到JS变量名中对于清晰来说有多大用处（在您的示例中是'btn'和'div'），但在某些情况下，它会增加清晰性。而且，如果你在一个团队中，你可能应该遵循团队的惯例

使用您的最佳判断，并始终争取代码的清晰性。
如果您使用vanilla JS，正如Vinicius所说，没有为HTML DOM元素命名JS变量的约定

我将其命名为：

let elCheckSyntax = document.querySelector("#checksyntax");

OR

let elementEditorArea and elementCheckSyntax

另一种方法是一些团队希望在DOM元素前面加上$。因此，只要团队中的任何人看到任何前缀为$的变量，他们就会知道这是一个DOM元素

像这样

let $editorArea;
let $checkSyntax;

所以，这完全取决于你是否能独立工作，以及你的团队的命名惯例，如果你给他们正确的id，那么。。。是 啊你还需要什么？人们似乎已经废除了元素引用中的类型前缀。。。因此，您只需使用
editorrea
和
checkSyntax
@Ibu：我只是问这是否是命名js对象的好方法，这样我就可以在整个代码库中遵循该约定。请在发表评论之前阅读问题。