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