var x = 7;
var y = 8;
var z = x + y; 

親自試一試

從上例中，您可獲得：

• x 儲存值 7
• y 儲存值 8
• z 儲存值 15

類似代數

在本例中，price1、price2 以及 total 是變數：

例項

var price1 = 7;
var price2 = 8;
var price3 = 12;
var total = price1 + price2 + price3;

親自試一試

在程式設計中，類似代數，我們使用變數（比如 price1）來存放值。

在程式設計中，類似代數，我們在表示式中使用變數（total = price1 + price2）。

從上例中，您可以算出 total 的值是 15。

提示：JavaScript 變數是儲存資料值的容器。

JavaScript 識別符號

所有 JavaScript變數必須以唯一的名稱的標識。

這些唯一的名稱稱為識別符號。

識別符號可以是短名稱（比如 x 和 y），或者更具描述性的名稱（age、sum、totalVolume）。

構造變數名稱（唯一識別符號）的通用規則是：

• 名稱可包含字母、數字、下劃線和美元符號
• 名稱必須以字母開頭
• 名稱也可以$和_開頭（但是在本教程中我們不會這麼做）
• 名稱對大小寫敏感（y 和 Y 是不同的變數）
• 保留字（比如 JavaScript 的關鍵詞）無法用作變數名稱

提示：JavaScript 識別符號對大小寫敏感。

賦值運算子

在 JavaScript 中，等號（=）是賦值運算子，而不是“等於”運算子。

這一點與代數不同。下面的程式碼在代數中是不合理的：

x = x + 5

然而在 JavaScript 中，它非常合理：把 x + 5 的值賦給 x。

（計算 x + 5 的值並把結果放入 x 中。x 的值遞增 5。）

註釋：JavaScript 中的“等於”運算子是==。

JavaScript 資料型別

JavaScript 變數可存放數值，比如 100，以及文字值，比如 "Bill Gates"。

在程式設計中，文字值被稱為字串。

JavaScript 可處理多種資料型別，但是現在，我們只關注數值和字串值。

字串被包圍在雙引號或單引號中。數值不用引號。

如果把數值放在引號中，會被視作文字字串。

例項

var pi = 3.14;
var person = "Bill Gates";
var answer = 'How are you!';

親自試一試

宣告（建立） JavaScript 變數

在 JavaScript 中建立變數被稱為“宣告”變數。

您可以通過var關鍵詞來宣告 JavaScript 變數：

var carName;

宣告之後，變數是沒有值的。（技術上，它的值是undefined。）

如需賦值給變數，請使用等號：

carName = "porsche";

您可以在宣告變數時向它賦值：

var carName = "porsche";

在上面的例子中，我們建立了名為 carName 的變數，並向其賦值 "porsche"。

然後，我們在 id="demo" 的 HTML 段落中“輸出”該值：

例項

<p id="demo"></p>

<script>
var carName = "porsche";
document.getElementById("demo").innerHTML = carName; 
</script>

親自試一試

提示：在指令碼的開頭宣告所有變數是個好習慣！

一條語句，多個變數

您可以在一條語句中宣告許多變數。

以var作為語句的開頭，並以逗號分隔變數：

var person = "Bill Gates", carName = "porsche", price = 15000;

親自試一試

宣告可橫跨多行：

var person = "Bill Gates",
carName = "porsche",
price = 15000;

親自試一試

Value = undefined

在計算機程式中，被宣告的變數經常是不帶值的。值可以是需被計算的內容，或是之後被提供的資料，比如資料輸入。

不帶有值的變數，它的值將是undefined。

變數 carName 在這條語句執行後的值是undefined：

例項

var carName;

親自試一試

重複宣告 JavaScript 變數

如果再次宣告某個 JavaScript 變數，將不會丟它的值。

在這兩條語句執行後，變數 carName 的值仍然是 "porsche"：

例項

var carName = "porsche";
var carName; 

親自試一試

JavaScript 算術

與代數類似，您能夠通過 JavaScript 變數進行算術運算，使用=和+之類的運算子：

例項

var x = 3 + 5 + 8;

親自試一試

字串也可以使用加號，但是字串將被級聯：

例項

var x = "Bill" + " " + "Gates";

親自試一試

還可以試試這個：

例項

var x = "8" + 3 + 5;

親自試一試

提示：如果把要給數值放入引號中，其餘數值會被視作字串並被級聯。

現在試試這個：

例項

var x = 3 + 5 + "8";