如何命名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+ 浏览量

启动你的职业生涯

通过完成课程获得认证

开始学习
广告
© . All rights reserved.