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í)。