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