如何命名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标识符。我们学习了标识符的一些基本理论。在两个示例中,我们使用了变量、数组和对象标识符,并在网页中输出了它们的值。
数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP