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）來保存值（比如 5）。
通過上面的表達(dá)式 z=x+y，我們能夠計(jì)算出 z 的值為 11。
在 JavaScript 中，這些字母被稱為變量。
 | 您可以把變量看做存儲(chǔ)數(shù)據(jù)的容器。 |
|---|
JavaScript 變量
與代數(shù)一樣，JavaScript 變量可用于存放值（比如 x=5）和表達(dá)式（比如 z=x+y）。
變量可以使用短名稱（比如 x 和 y），也可以使用描述性更好的名稱（比如 age, sum, totalvolume）。
變量必須以字母開頭
變量也能以 $ 和 _ 符號(hào)開頭（不過我們不推薦這么做）
變量名稱對大小寫敏感（y 和 Y 是不同的變量）
| JavaScript 語句和 JavaScript 變量都對大小寫敏感。 |
|---|
JavaScript 數(shù)據(jù)類型
JavaScript 變量還能保存其他數(shù)據(jù)類型，比如文本值 (name="Bill Gates")。
在 JavaScript 中，類似 "Bill Gates" 這樣一條文本被稱為字符串。
JavaScript 變量有很多種類型，但是現(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ì)被作為文本來處理。
實(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)建變量通常稱為"聲明"變量。
我們使用 var 關(guān)鍵詞來聲明變量：
變量聲明之后，該變量是空的（它沒有值）。
如需向變量賦值，請使用等號(hào)：
不過，您也可以在聲明變量時(shí)對其賦值：
在下面的例子中，我們創(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)擊這里來創(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í)慣是，在代碼開始處，統(tǒng)一對需要的變量進(jìn)行聲明。 |
|---|
一條語句，多個(gè)變量
您可以在一條語句中聲明很多變量。該語句以 var 開頭，并使用逗號(hào)分隔變量即可：
聲明也可橫跨多行：
age=30,
job="carpenter";
Value = undefined
在計(jì)算機(jī)程序中，經(jīng)常會(huì)聲明無值的變量。未使用值來聲明的變量，其值實(shí)際上是 undefined。
在執(zhí)行過以下語句后，變量 carname 的值將是 undefined：
重新聲明 JavaScript 變量
如果重新聲明 JavaScript 變量，該變量的值不會(huì)丟失：
在以下兩條語句執(zhí)行后，變量 carname 的值依然是 "Volvo"：
var carname;
JavaScript 算數(shù)
您可以通過 JavaScript 變量來做算數(shù)，使用的是 = 和 + 這類運(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í)。