JavaScript 有效變數名

Mehvish Ashiq 2022年5月10日
JavaScript 有效變數名

本教程展示了 JavaScript 有效變數名的規則。在跳到那裡之前,讓我們首先了解術語 VARIABLEIDENTIFIER

VARIABLE 是一個可以在記憶體中儲存可變值的容器,這意味著程式設計師可以在執行過程中更改該值。每個變數都有一個名稱,用於訪問記憶體中的儲存值,該名稱稱為 IDENTIFIER

JavaScript 有效變數名(也稱為識別符號)

例如,nameagegender 被稱為識別符號,但它們的實際值是可以更改的變數。

請注意以下示例,其中我們將 nameagegender 作為識別符號(不會更改)。Mehvish30F 是軟體開發人員可以在執行期間更改的變數。

var name = 'Mehvish';
var age = 30;
var gender = 'F';

變數名稱(也稱為識別符號)必須有意義且唯一,以避免程式碼中的歧義。具有有意義的變數名也使每個軟體開發人員和除錯程式碼變得容易。

那麼,如何建立一個有效的變數呢?

我們必須非常小心並遵循在 JavaScript 中建立有效變數名(識別符號)的規則。讓我們來看看它們。

  1. 變數名必須以下劃線 (_)、美元符號 ($) 或字母 (a-zA-Z) 開頭,因為 JavaScript 區分大小寫 (AA 對於 JavaScript 是不同的)。
  2. 變數名不能以數字開頭,但後面的字元可以是數字(0-9)。
  3. 我們也可以使用識別符號中的 unicode 轉義序列作為字元。
  4. 變數名稱也可以包含大部分 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 = '';
}

輸出:

javascript 有效的變數名 - 變數名驗證

你可以使用這個工具來確認正規表示式的設計是否正確。還有另一個驚人的工具可用於檢查複雜變數名稱的有效性。

Mehvish Ashiq avatar Mehvish Ashiq avatar

Mehvish Ashiq is a former Java Programmer and a Data Science enthusiast who leverages her expertise to help others to learn and grow by creating interesting, useful, and reader-friendly content in Computer Programming, Data Science, and Technology.

LinkedIn GitHub Facebook

相關文章 - JavaScript Variable