JavaScript 有效變數名
Mehvish Ashiq
2024年2月15日
本教程展示了 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 = '';
}
輸出：
作者： Mehvish Ashiq
