哪些字符可以作为 JavaScript 变量名的有效字符?
javascriptweb developmentfront end technology更新于 2024/8/18 12:27:00
在本文中，我们将了解哪些字符可以作为 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 和 with
ES5 在正常模式下为未来保留的关键字
class、const、enum、export、extends、 import 和 super。
ES5 在严格模式下为 Future 保留的关键字
implements、interface、let、package、 private、protected、public、static 和 Yield
ES5 未保留的关键字
int、byte、char、goto、long、final、float、 short、double、native、throws、boolean、abstract、volatile、transient 和 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 ℏ;// 狄拉克常数
var ε;// 欧拉常数
var Ѵ;// 平方根
(function() { var NaN;// 函数内部有效 }());
不正确的变量
class – 不应使用 JavaScript 关键字。 a bc – 不应包含空格。 #abc – 不应以特殊字符开头。 2abc – 不应以数字开头。
根据 ECMA 脚本，变量无效
var NaN;//在全局范围内
用户可以按照以下语法检查变量名称的正确性。
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 变量的有效字符。我们建议遵循命名约定以更好地编写代码。
