JavaScript 變數

在本教程中，你將學習如何建立變數以在 JavaScript 中儲存資料。

變數是什麼？

變數是所有程式語言的基礎。變數用於儲存資料，如文字字串，數字等。可以在需要時設定，更新和檢索儲存在變數中的資料或值。通常，變數是值的符號名稱。

你可以使用 var 關鍵字建立變數，而賦值運算子（=）用於為變數賦值，如下所示： var varName = value;

var name = "Peter Parker";
var age = 21;
var isMarried = false;

提示： 始終為變數指定有意義的名稱。另外，為了命名包含多個單詞的變數，通常使用駝峰式命名法。在這個約定中，第一個之後的所有單詞的第一個字母都應該是大寫的，例如 myLongVariableName 。

在上面的例子中，我們建立了三個變數，第一個變數分配了一個字串值，第二個變數分配了一個數字，而最後一個變數分配了一個布林值。變數可以包含不同型別的資料，我們將在後面的章節中瞭解它們。

在 JavaScript 中，也可以宣告變數，而不必為其分配任何初始值。這對於應該儲存使用者輸入等值的變數很有用。

// Declaring Variable
var userName;
 
// Assigning value
userName = "Clark Kent";

注意： 在 JavaScript 中，如果已宣告變數，但尚未明確賦值，則會自動為其分配值 undefined 。

一次宣告多個變數

此外，你還可以宣告多個變數並在單個語句中設定其初始值。每個變數用逗號分隔，如以下示例所示：

// Declaring multiple Variables
var name = "Peter Parker", age = 21, isMarried = false;
 
/* Longer declarations can be written to span
multiple lines to improve the readability */
var name = "Peter Parker",
age = 21,
isMarried = false;

let 和 const 關鍵字 (ES6)

ES6 引入了兩個新關鍵字 let 和 const 用於宣告變數。

const 關鍵字同 let 關鍵字的工作原理完全一樣，不同之處在於使用宣告的變數 const 關鍵字不能在後面的程式碼重新分配。這是一個例子：

// Declaring variables
let name = "Harry Potter";
let age = 11;
let isStudent = true;

// Declaring constant
const PI = 3.14;
console.log(PI); // 3.14

// Trying to reassign
PI = 10; // error

與 var 宣告函式範圍變數的兩者不同，let 和 const 關鍵字宣告變數，它們的作用域在在塊級（{}）。塊作用域意味著在一對大括號之間建立新作用域 {} 。稍後我們將在 JavaScript ES6 功能章節中詳細討論這個問題。

注： let 和 const 關鍵字不會在舊的瀏覽器比如 IE10 支援。IE11 部分支援它們。請參閱 JS ES6 功能 章節，瞭解如何立即開始使用 ES6。

JavaScript 變數的命名約定

以下是命名 JavaScript 變數的以下規則：

• 變數名必須以字母，下劃線（_）或美元符號（$） 開頭。
• 變數名稱不能以數字開頭。
• 變數名只能包含字母數字字元（A-z ， 0-9）和下劃線。
• 變數名稱不能包含空格。
• 變數名稱不能是 JavaScript 關鍵字或 JavaScript 保留字 。

注意： JavaScript 中的變數名稱區分大小寫，這表示 $myvar 和 $myVar 是兩個不同的變數。因此在定義變數名時要小心。