JavaScript 變量
JavaScript?變量
就像代數(shù)那樣
x=5
y=6
z=x+y
在代數(shù)中,我們使用字母(比如 x)來(lái)保存值(比如 5)。
通過(guò)上面的表達(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)。
變量必須以字母開(kāi)頭變量也能以 $ 和 _ 符號(hào)開(kāi)頭(不過(guò)我們不推薦這么做)變量名稱對(duì)大小寫敏感(y 和 Y 是不同的變量)
JavaScript 語(yǔ)句和 JavaScript 變量都對(duì)大小寫敏感。 ? ?
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ì)被作為文本來(lái)處理。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></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>
聲明(創(chuàng)建) JavaScript 變量
在 JavaScript 中創(chuàng)建變量通常稱為"聲明"變量。
我們使用 var 關(guān)鍵詞來(lái)聲明變量:
var carname;
變量聲明之后,該變量是空的(它沒(méi)有值)。
如需向變量賦值,請(qǐng)使用等號(hào):
carname="Volvo";
不過(guò),您也可以在聲明變量時(shí)對(duì)其賦值:
var carname="Volvo";
在下面的例子中,我們創(chuàng)建了名為 carname 的變量,并向其賦值 "Volvo",然后把它放入 id="demo" 的 HTML 段落中
溫馨提醒:一個(gè)好的編程習(xí)慣是,在代碼開(kāi)始處,統(tǒng)一對(duì)需要的變量進(jìn)行聲明。
一條語(yǔ)句,多個(gè)變量
您可以在一條語(yǔ)句中聲明很多變量。該語(yǔ)句以 var 開(kāi)頭,并使用逗號(hào)分隔變量即可:
var lastname="Doe", age=30, job="carpenter";
聲明也可橫跨多行:
var lastname="Doe",
age=30,
job="carpenter";
Value = undefined
在計(jì)算機(jī)程序中,經(jīng)常會(huì)聲明無(wú)值的變量。未使用值來(lái)聲明的變量,其值實(shí)際上是 undefined。
在執(zhí)行過(guò)以下語(yǔ)句后,變量 carname 的值將是 undefined:
var carname;
重新聲明 JavaScript 變量
如果重新聲明 JavaScript 變量,該變量的值不會(huì)丟失:
在以下兩條語(yǔ)句執(zhí)行后,變量 carname 的值依然是 "Volvo":
var carname="Volvo";?
var carname;
JavaScript 算數(shù)
您可以通過(guò) JavaScript 變量來(lái)做算數(shù),使用的是 = 和 + 這類運(yùn)算符:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></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>