JavaScript 變量
變量是用于存儲(chǔ)信息的"容器"。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <script> var x=5; var y=6; var z=x+y; document.write(x + "<br>"); document.write(y + "<br>"); document.write(z + "<br>"); </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
就像代數(shù)那樣
x=5
y=6
z=x+y
在代數(shù)中，我們使用字母（比如 x）來(lái)保存值（比如 5）。
通過(guò)上面的表達(dá)式 z=x+y，我們能夠計(jì)算出 z 的值為 11。
在 JavaScript 中，這些字母被稱(chēng)為變量。
 | 您可以把變量看做存儲(chǔ)數(shù)據(jù)的容器。 |
|---|
JavaScript 變量
與代數(shù)一樣，JavaScript 變量可用于存放值（比如 x=5）和表達(dá)式（比如 z=x+y）。
變量可以使用短名稱(chēng)（比如 x 和 y），也可以使用描述性更好的名稱(chēng)（比如 age, sum, totalvolume）。
變量必須以字母開(kāi)頭
變量也能以 $ 和 _ 符號(hào)開(kāi)頭（不過(guò)我們不推薦這么做）
變量名稱(chēng)對(duì)大小寫(xiě)敏感（y 和 Y 是不同的變量）
| JavaScript 語(yǔ)句和 JavaScript 變量都對(duì)大小寫(xiě)敏感。 |
|---|
JavaScript 數(shù)據(jù)類(lèi)型
JavaScript 變量還能保存其他數(shù)據(jù)類(lèi)型，比如文本值 (name="Bill Gates")。
在 JavaScript 中，類(lèi)似 "Bill Gates" 這樣一條文本被稱(chēng)為字符串。
JavaScript 變量有很多種類(lèi)型，但是現(xiàn)在，我們只關(guān)注數(shù)字和字符串。
當(dāng)您向變量分配文本值時(shí)，應(yīng)該用雙引號(hào)或單引號(hào)包圍這個(gè)值。
當(dāng)您向變量賦的值是數(shù)值時(shí)，不要使用引號(hào)。如果您用引號(hào)包圍數(shù)值，該值會(huì)被作為文本來(lái)處理。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <script> var pi=3.14; var name="Bill Gates"; var answer='Yes I am!'; document.write(pi + "<br>"); document.write(name + "<br>"); document.write(answer + "<br>"); </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
聲明（創(chuàng)建） JavaScript 變量
在 JavaScript 中創(chuàng)建變量通常稱(chēng)為"聲明"變量。
我們使用 var 關(guān)鍵詞來(lái)聲明變量：
變量聲明之后，該變量是空的（它沒(méi)有值）。
如需向變量賦值，請(qǐng)使用等號(hào)：
不過(guò)，您也可以在聲明變量時(shí)對(duì)其賦值：
在下面的例子中，我們創(chuàng)建了名為 carname 的變量，并向其賦值 "Volvo"，然后把它放入 id="demo" 的 HTML 段落中：
實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>點(diǎn)擊這里來(lái)創(chuàng)建變量，并顯示結(jié)果。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var carname="Volvo";
document.getElementById("demo").innerHTML=carname;
}
</script>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
| 一個(gè)好的編程習(xí)慣是，在代碼開(kāi)始處，統(tǒng)一對(duì)需要的變量進(jìn)行聲明。 |
|---|
一條語(yǔ)句，多個(gè)變量
您可以在一條語(yǔ)句中聲明很多變量。該語(yǔ)句以 var 開(kāi)頭，并使用逗號(hào)分隔變量即可：
聲明也可橫跨多行：
age=30,
job="carpenter";
Value = undefined
在計(jì)算機(jī)程序中，經(jīng)常會(huì)聲明無(wú)值的變量。未使用值來(lái)聲明的變量，其值實(shí)際上是 undefined。
在執(zhí)行過(guò)以下語(yǔ)句后，變量 carname 的值將是 undefined：
重新聲明 JavaScript 變量
如果重新聲明 JavaScript 變量，該變量的值不會(huì)丟失：
在以下兩條語(yǔ)句執(zhí)行后，變量 carname 的值依然是 "Volvo"：
var carname;
JavaScript 算數(shù)
您可以通過(guò) JavaScript 變量來(lái)做算數(shù)，使用的是 = 和 + 這類(lèi)運(yùn)算符：
實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>假設(shè) y=5，計(jì)算 x=y+2，并顯示結(jié)果。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var y=5;
var x=y+2;
var demoP=document.getElementById("demo")
demoP.innerHTML="x=" + x;
}
</script>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
您將在本教程稍后的章節(jié)學(xué)到更多有關(guān) JavaScript 運(yùn)算符的知識(shí)。