如何命名 JavaScript 标识符？

在本教程中，我们将学习如何命名 JavaScript 标识符。

标识符在 JavaScript 中是赋予变量、数组、对象、函数等的名称。

我们必须为它们赋予唯一的名称以便正确识别。 有一些规则是我们在命名标识符时必须遵循的，这些规则在大多数编程语言中是通用的。

标识符命名规则

在命名标识符之前，我们必须遵循某些规则。 正确的名称有助于程序员使代码更有效。规则如下：

  • JavaScript 标识符名称不能以任何数字值 (0-9) 开头。 例如，0xyz 和 87b 是无效的名称。

  • 标识符名称应以字母、美元符号 (($)) 或下划线字符开头。 例如，Abc9、_abc、$pq 是有效的名称。

  • 除第一个字符外，其余名称可以包含字母、数字、美元符号 (($)) 或下划线。 但我们不能包含任何特殊字符，包括空格 (#, @, “ ”)，下划线除外。

  • JavaScript 标识符名称区分大小写：例如 - Abc、ABC、aBc、abc，这些都是不同变量的名称。

  • JavaScript 中有一些保留关键字。 这些称为保留字。 我们不能选择这些关键字来创建标识符名称。 这会使编译器混淆。 例如：break、let、new、boolean 等不是有效的变量名。

JavaScript 保留关键字列表如下：

abstract arguments await boolean
break byte case catch
char class const continue
debugger default delete do
double else enum eval
export extends false final
finally float for function
goto if implements import
in instanceof int interface
let long native new
null package private protected
public return short static
super switch synchronized this
throw throws transient true
try typeof var void
volatile while with yield

创建良好标识符名称的建议

  • 使标识符名称具有描述性。 在使用单字名称（如 a、b 等）的长代码中，可能无法帮助您记住此变量的用途。 但过长的名称效率低下。 最多 20 个字符，包含 2 到 4 个单词就足以创建一个不错的标识符名称。

  • 使用多个单词来命名标识符以使其具有描述性。

  • 标识符名称中不允许使用空格。 我们可以使用驼峰式命名法 (例如 firstName) 或下划线 (例如 first_name) 来使其更易读。

  • 由于 JavaScript 标识符区分大小写，请确保您没有创建名称相同但大小写不同的多个变量 (大写或小写)。 这会使程序员感到困惑并最终导致错误。

语法

//Assigning value to a variable
let Identifier_name = Value;
//Assigning value to function
function Identifier_name(){
   //statement
}

在上例语法中，我们使用了两种标识符 - 变量和函数。 首先，我们使用 let 关键字声明变量名来赋值。 然后我们使用赋值运算符赋值。 在函数中，我们命名了一个函数名，并将代码行放入函数中。

示例 1

在下面的示例中，我们将学习如何命名变量标识符，并用值初始化它们以及访问它们。

<html>
<body>
   <h3> Showing different types of <i> variable Identifier values </i>
   </h3>
   <div id="root"> </div>
   <script>
      // initializing variables with values
      let number = 5; //variable to store number
      let string = "Hello World"; //variable to store string
      let bool = true; //variable to store boolean
      document.getElementById('root').innerHTML = "number:" + number +
      "<br/>" + "string:" + string + "<br/>" + "boolean:" + bool
   </script>
</body>
</html>

示例 2

在下面的示例中，我们将学习如何命名数组和对象标识符，并用值初始化它们以及访问它们。为了将对象值显示为字符串，我们使用了 JSON.stringify() 方法。

<html>
<body>
   <h3> Showing <i> array and object Identifier values </i> </h3>
   <div id="root"> </div>
   <script>
      let arr = ["apple", "banana", "mango"]; //array
      let obj = { Productname: "book", price: 200 }; //object
      document.getElementById('root').innerHTML = "array: " + arr + "<br/>"
      + "object: " + JSON.stringify(obj)
   </script>
</body>
</html>

在本教程中，我们学习了如何命名 JavaScript 标识符。我们学习了标识符的一些基本理论。在两个示例中，我们使用了变量、数组和对象标识符，并在网页中输出了它们的值。

更新于：2022年10月12日

1K+ 浏览量

启动您的 职业生涯

完成课程获得认证

开始学习
广告