資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究JavaScript 變數名可以使用哪些字元？
在本文中，我們將學習哪些字元對 JavaScript 變數名有效。
我們使用變數來儲存值。首先，我們必須定義變數，然後才能為其賦值。我們可以使用變數名在程式碼中訪問變數。使用變數名，我們可以重新分配其值。
只要您遵循一些原則，變數名就非常靈活。
規則
第一個字元必須是字母、美元符號($) 或下劃線 (_) 。數字不能作為第一個字元。
任何字母、數字或下劃線都可以構成變數名的其餘部分。您不能使用某些字元，例如空格、符號和標點符號。
變數名區分大小寫。
變數名可以根據您的需要設定任意長度。
變數名不能包含 JavaScript 中的保留字。
不允許作為變數名的關鍵字
break, case, catch, continue, debugger, default, delete, do, else, finally, for, function, if, in, instanceof, new, return, switch, this, throw, try, typeof, var, void, while, and with
ES5 在正常模式下為將來保留的關鍵字
class, const, enum, export, extends, import, and super.
ES5 在嚴格模式下為將來保留的關鍵字
implements, interface, let, package, private, protected, public, static, and yield
ES5 未保留的單詞
int, byte, char, goto, long, final, float, short, double, native, throws, boolean, abstract, volatile, transient, and synchronized
正確的變數
test TEST $test _test _123test test_value123$ testValue
根據 ECMA Script 標準有效的變數
var π;//pi
var ಠ_ಠ;
var ლ_ಠ益ಠ_ლ;
var λ;//lamda
var \u006C\u006F\u006C\u0077\u0061\u0074;
var foo\u200Cbar;
var 〱〱; var price_99̶_89;
var Ꙭൽↈⴱ;
var ᱹ;//dot
var τ; // tau
var ℏ;// Dirac’s constant
var ε;//Euler's constant
var Ѵ;//Square root
(function() { var NaN;//Valid inside function }());
錯誤的變數
class – Should not use JavaScript keywords. a bc – Should not contain space. #abc – Should not start with special characters. 2abc – Should not start with a number.
根據 ECMA Script 標準無效的變數
var NaN;//In the global scope
使用者可以按照以下語法檢查變數名的正確性。
function isValidVariable(name) {
try {
Function('var ' + name);
} catch (e) {
return false;
}
return true;
}
要檢查變數名是否有效，我們可以使用此語法框中給出的函式。
建議
明智的做法是選擇一種大小寫規則並在整個程式碼中堅持使用它。例如：駝峰命名法。程式碼看起來整潔且專業。
在命名變數時使用多個單詞。這將確認變數名稱的準確性。
避免使用非常短的變數名。
使用有意義的變數名。例如，OrderNum 或 Order_Num。
示例 1
在此示例中，我們使用上面給出的語法檢查 JavaScript 變數的有效性。我們將靜態變數名作為輸入提供給函式。這裡它是一個正確的變數名。
<html> <body> <h2>Check the validity of a variable name<i></h2> <div id = "btnWrap"> <p>Click the button</p> <button onclick = "isValidVariable()"> Click Me</button> </div> <div id = "dispDom1"></div> <div id = "dispDom2"></div> <script> var varNamBtn = document.getElementById("btnWrap"); var varNamOutput1 = document.getElementById("dispDom1"); var varNamOutput2 = document.getElementById("dispDom2"); var varNamStr = ""; function isValidVariable() { var cbk = function(name) { try { Function('var ' + name); } catch (e) { varNamOutput1.innerHTML = "<b>" + name + "</b> is an invalid variable name"; return false; } varNamOutput2.innerHTML = "<b>" + name + "</b> is a valid variable name"; return true; }; cbk('test'); cbk('#test'); } </script> </body> </html>
示例 2
在此示例中，我們使用上面給出的語法檢查 JavaScript 變數的有效性。我們從使用者那裡獲取動態變數名作為輸入提供給函式。
<html> <body> <h2>Checking the validity of Varible Name</h2> <div id = "btnWrap"> <p>Enter a variable name and click the button</p> <input id = "varNamUsrInp" type = "text" placeholder = "Enter a variable name"/> <button onclick = "isValidUserVariable()">Click Me</button> </div> <div id = "dispDom1"></div> <script> var varNamUsrBtn = document.getElementById("btnWrap"); var varNamUsrOutput1 = document.getElementById("dispDom1"); var varNamUsrInput = document.getElementById("varNamUsrInp"); var varNamUsrStr = ""; function isValidUserVariable() { var name = varNamUsrInput.value; var cbk = function(name) { try { Function('var ' + name); } catch (e) { varNamUsrOutput1.innerHTML = "<b>" + name + "</b> is an invalid variable name"; return false; } varNamUsrOutput1.innerHTML = "<b>" + name + "</b> is a valid variable name"; return true; }; cbk(name); } </script> </body> </html>
在本教程中，我們瞭解了 JavaScript 變數的有效字元。我們建議遵循命名約定以更好地編寫程式碼。
更新時間： 2022-10-31
6K+ 閱讀量
廣告