JavaScript 變數LOGIN

JavaScript 變數

JavaScript 變數

就像代數一樣

x=5
y=6
z=x+y

在代數中,我們使用字母(例如x)來保存值(例如5)。

透過上面的表達式 z=x+y,我們能夠計算出 z 的值為 11。

在 JavaScript 中,這些字母稱為變數。



您可以把變數看做儲存資料的容器。    

JavaScript 變數

與代數一樣,JavaScript 變數可用來存放值(例如 x=5)和表達式(例如 z=x+y)。

變數可以使用短名稱(例如 x 和 y),也可以使用描述性較好的名稱(例如 age, sum, totalvolume)。

變數必須以字母開頭變數也能以$ 和_ 符號開頭(不過我們不建議這麼做)變數名稱對大小寫敏感(y 和Y 是不同的變數)



JavaScript 語句和JavaScript 變數都對大小寫敏感。    

JavaScript 資料類型

JavaScript 變數也能儲存其他資料類型,例如文字值 (name="Bill Gates")。

在 JavaScript 中,類似 "Bill Gates" 這樣一條文字稱為字串。

JavaScript 變數有很多種類型,但現在,我們只專注在數字和字串。

當您將文字值指派給變數時,應該用雙引號或單引號包圍這個值。

當您向變數賦的值是數值時,請勿使用引號。如果您用引號包圍數值,則該值會被當作文字來處理。

<!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 變數

#在 JavaScript 中建立變數通常稱為"宣告"變數。

我們使用 var 關鍵字來宣告變數:

var carname;

變數宣告之後,變數是空的(它沒有值)。

如需向變數賦值,請使用等號:

carname="Volvo";

不過,您也可以在宣告變數時對其賦值:

var carname="Volvo";

在下面的範例中,我們建立了名為carname 的變量,並向其賦值"Volvo",然後把它放入id="demo" 的HTML 段落中

溫馨提醒:一個好的程式設計習慣是,在程式碼開始處,統一對需要的變數進行宣告。

一條語句,多個變數

您可以在一條語句中宣告很多變數。該語句以var 開頭,並使用逗號分隔變數:

var lastname="Doe", age=30, job="carpenter";

宣告也可橫跨多行:

var lastname="Doe",
age=30,
job="carpenter";


Value = undefined

在電腦程式中,常常會宣告無值的變數。未使用值來宣告的變量,其值實際上是 undefined。

在執行以下語句後,變數carname 的值將會是undefined:

var carname;


##重新宣告JavaScript 變數

如果重新宣告JavaScript 變量,則變數的值不會遺失:

在以下兩個語句執行後,變數carname 的值仍然是"Volvo":

##var carname="Volvo"; 

var carname;



#JavaScript 算數

您可以透過JavaScript 變數來做算數,使用的是= 和+這類運算子:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title></title> 
</head>
<body>
<p>假设 y=5,计算 x=y+2,并显示结果。</p>
<button onclick="myFunction()">点击这里</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>

下一節

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>点击这里来创建变量,并显示结果。</p> <button onclick="myFunction()">点击这里</button> <p id="demo"></p> <script> function myFunction(){ var carname="Volvo"; document.getElementById("demo").innerHTML=carname; } </script> </body> </html>
章節課件