JavaScript 变量命名约定是什么
当我们在JavaScript中命名变量时,我们必须遵循一定的规则。每个变量应该有一个适当的名称来标识它。当使用合适的变量名时,你的JavaScript代码变得更容易理解和操作。正确命名变量非常重要。
例如: 常量和全局变量通常用大写字母编写。
以下是JavaScript中命名变量的规则:
- 变量名中不允许有空格。
- 变量名只允许使用 字母、数字、下划线和美元符号 。
- 在变量名中大小写是有区别的。
- 变量名的第一个字符必须是字母(字母表)、下划线 (_) 或美元符号 ($) ,不能使用其他特殊字符。
- 不能使用一些javascript中的保留字作为变量名。
示例1: 检查是否可以从其他符号开始命名变量。我们以连字符开头命名变量以检查它是否是一种可能的命名约定,但结果会导致错误。
JavaScript
<script>
var #abc = "abc";
console.log(#abc);
</script>
输出:

我们遇到了一个错误,因为以#符号开头的变量名会产生错误,因为它不符合正确的命名约定。
Javascript
<script>
var _abc = "abc";
console.log(_abc);
</script>
输出:

示例 2: 检查是否允许空格。不允许空格,会出现未捕获的语法错误。
Javascript
<script>
var a bc = "abc";
console.log(a bc);
</script>
输出:

示例3: 变量名区分大小写。变量名是区分大小写的,这意味着大写字母如‘A’和小写字母如‘a’是被区别对待的。
JavaScript
<script>
// Enabling strict mode
"use strict";
// Defining variables of different cases
var abc = "bcd";
var ABC = "efg";
console.log(abc);
console.log(ABC);
console.log(abc == ABC);
</script>
输出:

示例4: 使用保留字作为变量名时,会引发异常。在下面的示例中,我们使用了保留字”class”,结果引发了一个异常,即意外的标记”class”。
HTML
<script>
var class = "class";
console.log(class);
</script>
输出:

一些关于良好实践的额外约定:
- 最好决定一个命名规则并在整个代码中保持一致,例如:骆驼命名法。代码看起来优雅且合适。
- 变量名应该由多个单词组成。这样可以确保变量名准确无误。
- 建议不要使用过短的变量名,因为它们没有明确的意义。
极客教程