如何命名 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