JavaScript标识符：变量、函数、属性的名称

2023-11-08 理论教育版权反馈

【摘要】：JavaScript标识符是一个名称，可以用来表示变量、函数、参数、属性，也可以用作定义循环和跳转位置的标签。

JavaScript标识符是一个名称，可以用来表示变量、函数、参数、属性，也可以用作定义循环和跳转位置的标签。

1.命名格式

命名标识符需要满足以下三个条件：

（1）第一个字符必须是字母、下划线、美元符号、2个字节以上的Unicode；

（2）从第二个字母开始，任意位置可以是数字、字母、下划线、美元符号、2个字节以上的Unicode；

（3）JavaScript使用一些单词作为保留字，例如var、function，这部分保留字具有特殊含义，不能作为标识符，保留字列表详见3.1.6一节。

JavaScript支持与HTML混合编写，但需要注意JavaScript严格区分大小写。

3.1.2.html定义两个变量并对变量赋值，最后判断变量是否相等，如下所示。

动手写3.1.2

pagenumber_ebook=52,pagenumber_book=37

pagenumber_ebook=53,pagenumber_book=38

执行3.1.2.html，在网页中输出变量bookName和bookname的值，最后显示的false表示这两个变量不相等，如下图所示。(www.chuimin.cn)

pagenumber_ebook=53,pagenumber_book=38

图3.1.2　定义变量并区分大小写

2.命名标准

标识符允许包含多种字符，但随意命名会让代码显得混乱、不够严谨，例如在上面3.1.2.html中使用了两种命名风格bookName和bookname，第一种是从第二个单词开始首字母大写，第二种是全部采用小写。

实践中有多种标识符书写风格：

（1）驼峰式命名（camelCase），例如“var bookName = '\u96f6\u58f9\u5b66\u5802'”；

（2）首字母大写命名（StudlyCaps），例如“function BookSeller() {}”；

（3）下划线命名（UnderScoreCase），例如“var book_name = '\u96f6\u58f9\u5b66\u5802'”。

在HTML中还有一种常见命名方式为短横线命名（kebab-case），例如<div data-target= "#new">。由此可见，命名方式多种多样。除了命名风格，还需要规定何时使用＄、_等特殊字符。统一团队编码风格，有助于降低团队成员之间的沟通成本。

提示

JavaScript没有规定必须使用哪一种命名标准，但是从JavaScript自带的变量如localStorage、函数如parseInt()可以看出，JavaScript的原始风格是驼峰式命名。