JavaScript 變數



變數是用來儲存資訊的"容器"。

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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>

運行實例»

點擊"運行實例" 按鈕查看線上實例


就像代數那樣

x=5
y=6
z=x+y

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

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

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

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



JavaScript 變數

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

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

  • 變數必須以字母開頭

  • 變數也能以$ 和_ 符號開頭(不過我們不建議這麼做)

  • 變數名稱對大小寫敏感(y 和Y 是不同的變數)

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



JavaScript 資料型別

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

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

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

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

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

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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>

運行實例»

點擊"運行實例" 按鈕查看線上實例


宣告(建立) JavaScript 變數

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

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

var carname;

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

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

carname="Volvo";

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

var carname="Volvo";

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

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</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>

##運行實例»點擊"運行實例" 按鈕查看線上實例

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

一條語句,多個變數

您可以在一條語句中宣告很多變數。該語句以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>php中文网(php.cn)</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>
#########執行實例»######點擊"運行實例" 按鈕檢視線上實例#########您將在本教學稍後的章節學到更多關於JavaScript 運算子的知識。 ############
lamp