JavaScript 變數(shù)
JavaScript?變數(shù)
就像代數(shù)一樣
x=5
y=6
z=x+y
在代數(shù)中,我們使用字母(例如x)來保存值(例如5)。
透過上面的表達(dá)式 z=x+y,我們能夠計(jì)算出 z 的值為 11。
在 JavaScript 中,這些字母稱為變數(shù)。
您可以把變數(shù)看做儲存資料的容器。 ? ?
JavaScript 變數(shù)
與代數(shù)一樣,JavaScript 變數(shù)可用來存放值(例如 x=5)和表達(dá)式(例如 z=x+y)。
變數(shù)可以使用短名稱(例如 x 和 y),也可以使用描述性較好的名稱(例如 age, sum, totalvolume)。
變數(shù)必須以字母開頭變數(shù)也能以$ 和_ 符號開頭(不過我們不建議這麼做)變數(shù)名稱對大小寫敏感(y 和Y 是不同的變數(shù))
JavaScript 語句和JavaScript 變數(shù)都對大小寫敏感。 ? ?
JavaScript 資料類型
JavaScript 變數(shù)也能儲存其他資料類型,例如文字值 (name="Bill Gates")。
在 JavaScript 中,類似 "Bill Gates" 這樣一條文字稱為字串。
JavaScript 變數(shù)有很多種類型,但現(xiàn)在,我們只專注在數(shù)字和字串。
當(dāng)您將文字值指派給變數(shù)時(shí),應(yīng)該用雙引號或單引號包圍這個(gè)值。
當(dāng)您向變數(shù)賦的值是數(shù)值時(shí),請勿使用引號。如果您用引號包圍數(shù)值,則該值會被當(dāng)作文字來處理。
<!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>
宣告(建立) JavaScript 變數(shù)
#在 JavaScript 中建立變數(shù)通常稱為"宣告"變數(shù)。
我們使用 var 關(guān)鍵字來宣告變數(shù):
var carname;
變數(shù)宣告之後,變數(shù)是空的(它沒有值)。
如需向變數(shù)賦值,請使用等號:
carname="Volvo";
不過,您也可以在宣告變數(shù)時(shí)對其賦值:
var carname="Volvo";
在下面的範(fàn)例中,我們建立了名為carname 的變量,並向其賦值"Volvo",然後把它放入id="demo" 的HTML 段落中
溫馨提醒:一個(gè)好的程式設(shè)計(jì)習(xí)慣是,在程式碼開始處,統(tǒng)一對需要的變數(shù)進(jìn)行宣告。
一條語句,多個(gè)變數(shù)
您可以在一條語句中宣告很多變數(shù)。該語句以var 開頭,並使用逗號分隔變數(shù):
var lastname="Doe", age=30, job="carpenter";
宣告也可橫跨多行:
var lastname="Doe",
age=30,
job="carpenter";
Value = undefined
在電腦程式中,常常會宣告無值的變數(shù)。未使用值來宣告的變量,其值實(shí)際上是 undefined。
在執(zhí)行以下語句後,變數(shù)carname 的值將會是undefined:
var carname;
##var carname="Volvo";?
var carname;
#JavaScript 算數(shù)
您可以透過JavaScript 變數(shù)來做算數(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>