一篇文章帶你了解JavaScript變量
和其他可編程語(yǔ)言相同，JavaScript 也有“變量”的概念。“變量”可以認(rèn)為是有名字的容器。將數(shù)據(jù)置于這些容器中，然后通過(guò)容器的名稱就可以知道數(shù)據(jù)的類型。
值得注意的是， 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ū)分大小寫(xiě)(Y和y是不同的變量)，保留字(如JavaScript關(guān)鍵詞)不能作為名字。
注：JavaScript標(biāo)識(shí)符是大小寫(xiě)敏感的。
三、聲明(創(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;
1.您也可以相加字符串，但字符串將被連接。
- var x = "John" + " " + "Doe";
- var x = "5" + 2 + 3;
2.如果你把一個(gè)數(shù)字放在引號(hào)中，其余的數(shù)字將被視為字符串，并連接。
- var x = 2 + 3 + "5";
五、總結(jié)
本文基于JavaScript基礎(chǔ)，介紹了JavaScript中什么是變量，如何去聲明一個(gè)變量，以及JavaScript 算術(shù)運(yùn)算的應(yīng)用等等。使用html+JavaScript 的結(jié)合，效果圖的展示，能夠讓讀者更好的理解。
