一篇文章帶你了解JavaScript變量
值得注意的是， JavaScript 編程過(guò)程中，必須先聲明一個(gè)變量，變量才能被使用。
一、認(rèn)識(shí) JavaScript變量
1. 是存儲(chǔ)數(shù)據(jù)的值的容器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>項(xiàng)目</title>
</head>
<body>
<p>x，y和z是變量</p>
<p id="demo"></p>
<script>
var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
2. 就像代數(shù)一樣
var price1 = 5;
var price2 = 6;
var total = price1 + price2;上面案例中, price1, price2和total都是變量。
代碼解析：
在編程中，就像在代數(shù)中，我們使用變量（如價(jià)格）保存值，就像在代數(shù)中，在表達(dá)式中使用變量 (total = price1 + price2)。
二、JavaScript 標(biāo)識(shí)符
1. 什么標(biāo)識(shí)符？
所有JavaScript變量必須有唯一的名字，這些唯一的名字叫做標(biāo)識(shí)符。
標(biāo)識(shí)符可以是短名稱（如：x和y）或更多描述性名稱 (如age, sum, totalVolume)。
2. 標(biāo)識(shí)符的命名規(guī)則
- 名稱可以包含字母、數(shù)字、下劃線和美元符號(hào)。必須以字母開(kāi)頭。也用美元和_開(kāi)頭。
- 名字是區(qū)分大小寫（Y和y是不同的變量），保留字（如JavaScript關(guān)鍵詞）不能作為名字。
注：JavaScript標(biāo)識(shí)符是大小寫敏感的。
三、聲明（創(chuàng)建） JavaScript 變量
JavaScript中創(chuàng)建一個(gè)變量，被稱為“聲明的變量。
聲明一個(gè)JavaScript變量使用var關(guān)鍵字。
var carName;聲明之后，變量沒(méi)有值。（在編程中它有未定義的值）
若要為變量賦值，請(qǐng)使用等號(hào)。
carName = "Volvo";當(dāng)你聲明變量時(shí)也可以為它指定一個(gè)值。
var carName = "Volvo";創(chuàng)建變量carName并賦值為"Volvo"，然后“輸出”它的值到一個(gè)id="demo"的HTML段落內(nèi) 。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>項(xiàng)目</title>
</head>
<body style="background-color: aqua;">
<p>創(chuàng)建一個(gè)變量,給它賦值，并顯示它:</p>
<p id="demo"></p>
<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
</body>
</html>
1. 一語(yǔ)句，多變量
用var開(kāi)始語(yǔ)句，用逗號(hào)分隔變量。
var person = "John Doe", carName = "Volvo", price = 200;一個(gè)聲明可以跨越多行
var person = "John Doe",
carName = "Volvo",
price = 200;2. 沒(méi)有值聲明的變量 , Value = undefined
變量常常被聲明為沒(méi)有值。值是必須計(jì)算的，或稍后將提供的東西，如用戶輸入沒(méi)有值聲明的變量將具有值 undefined。
執(zhí)行下面語(yǔ)句后，變量carName的值是 undefined。
var carName;四、JavaScript 算術(shù)運(yùn)算
與代數(shù)一樣，你可以用JavaScript變量做算術(shù)，使用像=和+操作符。
HTML代碼：
<html lang="en">
<head>
<meta charset="UTF-8">
<title>項(xiàng)目</title>
</head>
<body>
<h1>JavaScript 變量</h1>
<p>2 + 3 + "5"的結(jié)果是:</p>
<p id="demo"></p>
<script>
var x = 2 + 3 + "5" /* 依次替換語(yǔ)句*/
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>JSON（依次替換語(yǔ)句，實(shí)現(xiàn)效果）
var x = 5 + 2 + 3;
- 您也可以相加字符串，但字符串將被連接。
var x = "John" + " " + "Doe";
var x = "5" + 2 + 3;
- 如果你把一個(gè)數(shù)字放在引號(hào)中，其余的數(shù)字將被視為字符串，并連接。
var x = 2 + 3 + "5";
五、總結(jié)
本文基于JavaScript基礎(chǔ)，介紹了JavaScript中什么是變量，如何去聲明一個(gè)變量，以及JavaScript 算術(shù)運(yùn)算的應(yīng)用等等。使用html+JavaScript 的結(jié)合，效果圖的展示，能夠讓讀者更好的理解。
