和其他可編程語言相同，JavaScript 也有“變量”的概念。“變量”可以認(rèn)為是有名字的容器。將數(shù)據(jù)置于這些容器中，然后通過容器的名稱就可以知道數(shù)據(jù)的類型。

值得注意的是， JavaScript 編程過程中，必須先聲明一個(gè)變量，變量才能被使用。

一、認(rèn)識(shí) JavaScript變量

1. 是存儲(chǔ)數(shù)據(jù)的值的容器

<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)。必須以字母開頭。也用美元和_開頭。
名字是區(qū)分大小寫（Y和y是不同的變量），保留字（如JavaScript關(guān)鍵詞）不能作為名字。
注：JavaScript標(biāo)識(shí)符是大小寫敏感的。

三、聲明（創(chuàng)建） JavaScript 變量

JavaScript中創(chuàng)建一個(gè)變量，被稱為“聲明的變量。

聲明一個(gè)JavaScript變量使用var關(guān)鍵字。

var carName;

聲明之后，變量沒有值。（在編程中它有未定義的值）

若要為變量賦值，請(qǐng)使用等號(hào)。

carName = "Volvo";

當(dāng)你聲明變量時(shí)也可以為它指定一個(gè)值。

var carName = "Volvo";

創(chuàng)建變量carName并賦值為"Volvo"，然后“輸出”它的值到一個(gè)id="demo"的HTML段落內(nèi) 。

<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. 一語句，多變量

用var開始語句，用逗號(hào)分隔變量。

var person = "John Doe", carName = "Volvo", price = 200;

一個(gè)聲明可以跨越多行

var person = "John Doe",carName = "Volvo",price = 200;

2. 沒有值聲明的變量 , Value = undefined

變量常常被聲明為沒有值。值是必須計(jì)算的，或稍后將提供的東西，如用戶輸入沒有值聲明的變量將具有值 undefined。

執(zhí)行下面語句后，變量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" /* 依次替換語句*/    document.getElementById("demo").innerHTML = x;script>
body>html>