JavaScript 有效變數名
Mehvish Ashiq
2022年5月10日
本教程展示了 JavaScript 有效變數名的規則。在跳到那裡之前,讓我們首先了解術語 VARIABLE
和 IDENTIFIER
。
VARIABLE
是一個可以在記憶體中儲存可變值的容器,這意味著程式設計師可以在執行過程中更改該值。每個變數都有一個名稱,用於訪問記憶體中的儲存值,該名稱稱為 IDENTIFIER
。
JavaScript 有效變數名(也稱為識別符號)
例如,name
、age
和 gender
被稱為識別符號,但它們的實際值是可以更改的變數。
請注意以下示例,其中我們將 name
、age
和 gender
作為識別符號(不會更改)。Mehvish
、30
和 F
是軟體開發人員可以在執行期間更改的變數。
var name = 'Mehvish';
var age = 30;
var gender = 'F';
變數名稱(也稱為識別符號)必須有意義且唯一,以避免程式碼中的歧義。具有有意義的變數名也使每個軟體開發人員和除錯程式碼變得容易。
那麼,如何建立一個有效的變數呢?
我們必須非常小心並遵循在 JavaScript 中建立有效變數名(識別符號)的規則。讓我們來看看它們。
- 變數名必須以下劃線 (
_
)、美元符號 ($
) 或字母 (a-z
和A-Z
) 開頭,因為 JavaScript 區分大小寫 (A
和A
對於 JavaScript 是不同的)。 - 變數名不能以數字開頭,但後面的字元可以是數字(
0-9
)。 - 我們也可以使用識別符號中的 unicode 轉義序列作為字元。
- 變數名稱也可以包含大部分 ISO 8859-1/Unicode 字母,包括
å
和ü
。更多詳情可在這找到]。
JavaScript 中有效和無效變數名的示例
以下是一些有效和無效的 JavaScript 變數名。
示例程式碼:
var name; //valid
var 12name; //invalid
var _age; //valid
var ^number; //invalid
var gender$; //valid
讓我們建立一個基本的變數名驗證器。你可以練習以下啟動程式碼並編寫你自己的驚人的變數名驗證器。
HTML 程式碼:
<html>
<head>
<title>Document</title>
</head>
<body>
<input type="text" id="num" />
<input type="button" id="validateBtn" onclick="validateVariable();"
value="Validate" />
<div id="container"></div>
</body>
</html>
JavaScript 程式碼:
var regex = '^([a-zA-Z_$][a-zA-Z\d_$]*)$';
function validateVariable() {
var input = document.getElementById('num');
if(input.value == "" || input.value == "null")
alert("The element can't be empty or null");
else{
if((input.value).match(regex))
document.getElementById('container').innerHTML =
input.value + " is a valid variable name";
else
document.getElementById('container').innerHTML =
input.value + " is an invalid variable name";
}
input.value = '';
}
輸出:
Author: Mehvish Ashiq