三、變量
（一）變量概述
1、什么是變量
白話：變量就是一個(gè)裝東西的盒子
通俗：變量是用于存儲(chǔ)數(shù)據(jù)的‘容器’，通過(guò)變量名獲取數(shù)據(jù)，甚至數(shù)據(jù)可以修改
2、變量在內(nèi)存中的存儲(chǔ)
本質(zhì)：變量是程序在內(nèi)存中申請(qǐng)的一塊用來(lái)存放數(shù)據(jù)的空間（酒店的房間可以看做一個(gè)變量）
（二）變量的使用
變量在使用時(shí)分為兩步： 1. 聲明變量 2. 賦值
1、聲明變量
要想使用變量，首先需要?jiǎng)?chuàng)建變量（也稱(chēng)為聲明變量或者定義變量）
// 聲明變量let age; // 聲明一個(gè)名稱(chēng)為age 的變量//age 是程序員定義的變量名，要通過(guò)變量名來(lái)訪問(wèn)內(nèi)存中分配的空間。
聲明變量有兩部分構(gòu)成：聲明關(guān)鍵字、變量名（標(biāo)識(shí)）
let 即關(guān)鍵字 (let: 允許、許可、讓、要)，所謂關(guān)鍵字是系統(tǒng)提供的專(zhuān)門(mén)用來(lái)聲明（定義）變量的詞語(yǔ)
2、變量賦值
定義了一個(gè)變量后，就能夠初始化它（賦值）。在變量名之后跟上一個(gè)“=”，然后是數(shù)值。
= 用來(lái)把右邊的值賦給左邊的變量空間中，此處代表賦值的意思
age = 10; // 給 age 這個(gè)變量賦值為 10
變量名是程序員保存到變量空間里的值
3、變量的初始化
let age = 18; // 聲明變量同時(shí)賦值為 18
聲明一個(gè)變量時(shí)直接完成賦值操作，稱(chēng)之為變量的初始化
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>變量的使用</title>
<script>
//1. 聲明一個(gè)age變量
let age;
// 2. 賦值 把值存入這個(gè)變量中
age = 18;
// 3. 輸出結(jié)果
console.log(age);
// 4. 變量的初始化
let myname = 'pink';
console.log(myname)
</script>
</head>?（三）變量語(yǔ)法擴(kuò)展
1、更新變量
一個(gè)變量被重新復(fù)賦值后，它原有的值就會(huì)被覆蓋，變量值將以最后一次賦的值為準(zhǔn)。
var age = 18;age = 81; // 最后的結(jié)果就是81因?yàn)?8 被覆蓋掉了
2、聲明多個(gè)變量
變量賦值后，還可以通過(guò)簡(jiǎn)單地給它一個(gè)不同的值來(lái)更新它。
語(yǔ)法：多個(gè)變量中間用逗號(hào)隔開(kāi)
let age = 10, name = 'zs', sex = 2; ?
說(shuō)明：看上去代碼長(zhǎng)度更短，但并不推薦這樣。為了更好的可讀性，請(qǐng)一行只聲明一個(gè)變量。?
3、聲明變量特殊情況
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>變量語(yǔ)法擴(kuò)展</title>
<script>
// 1. 更新變量
let name = '王一';
console.log(name);
name = '李二';
console.log(name);
//2. 聲明多個(gè)變量
/* let age = 18;
let myname = '張三'; */
let age = 18, myname = '張三';
// 3. 聲明變量的特殊情況
// 3.1 只聲明，不賦值 程序也不知道是什么，因此結(jié)果是： undefined 未定義
let sex;
console.log(sex);
// 3.2 不聲明不賦值 直接使用會(huì)報(bào)錯(cuò)
console.log(tel);
// 3.3 不聲明直接賦值使用
qq = 110;
console.log(qq);
</script>
</head>（四）變量的本質(zhì)
內(nèi)存：計(jì)算機(jī)中存儲(chǔ)數(shù)據(jù)的地方，相當(dāng)于一個(gè)空間
變量本質(zhì)：是程序在內(nèi)存中申請(qǐng)的一塊用來(lái)存放數(shù)據(jù)的小空間
（五）變量命名規(guī)則與規(guī)范
1、規(guī)則：
- 由字母(A-Za-z)、數(shù)字(0-9)、下劃線(_)、美元符號(hào)( $ )組成，如：usrAge, num01, _name
- 嚴(yán)格區(qū)分大小寫(xiě)。var app; 和 var App; 是兩個(gè)變量
- 不能 以數(shù)字開(kāi)頭。 18age 是錯(cuò)誤的
- 不能 是關(guān)鍵字、保留字。例如：let、var、for、while
2、規(guī)范
- 變量名必須有意義。 MMD BBD nl → age
- 遵守駝峰命名法。首字母小寫(xiě)，后面單詞的首字母需要大寫(xiě)。 myFirstName
- 推薦翻譯網(wǎng)站： 有道 愛(ài)詞霸
- name 在有些瀏覽器中有特殊值，要注意使用
?（六）交換變量案例
要求：交換兩個(gè)變量的值 ( 實(shí)現(xiàn)思路：使用一個(gè) 臨時(shí)變量 用來(lái)做中間存儲(chǔ) )
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>變量命名規(guī)范</title>
<script>
// js 是編程語(yǔ)言有很強(qiáng)的邏輯性在李阿敏：實(shí)現(xiàn)這個(gè)要求的思路，先怎么做后怎么做
// 1. 需要一個(gè)臨時(shí)變量
// 2. 把a(bǔ)1 給臨時(shí)變量temp
// 3. 把a(bǔ)2 給a1
// 4. 把臨時(shí)變量里面的值給a2
let temp; //聲明一個(gè)臨時(shí)變量為空
let a1 = 10;
let a2 = 12;
console.log('變換前：a1 = ' + a1 + ', a2 = ' + a2);
temp = a1; //把右邊給左邊
a1 = a2;
a2 = temp;
console.log('變換后：a1 = ' + a1 + ', a2 = ' + a2);
</script>
</head>總結(jié)
（七）let 和 var 區(qū)別
在較舊的JavaScript，使用關(guān)鍵字 var 來(lái)聲明變量 ，而不是 let。var 現(xiàn)在開(kāi)發(fā)中一般不再使用它，只是我們可能再老版程序中看到它。let 為了解決 var 的一些問(wèn)題。
var 聲明
- 可以先使用，再聲明（不合理）
- var聲明過(guò)的變量可以重復(fù)聲明（不合理）
- 比如變量提升、全局變量、沒(méi)有塊級(jí)作用域等
（八）數(shù)組的基本使用
數(shù)組 (Array) —— 一種將 一組數(shù)據(jù)存儲(chǔ)在單個(gè)變量名下 的優(yōu)雅方式
1、聲明語(yǔ)法
- 數(shù)組是按順序保存，所以每個(gè)數(shù)據(jù)都有自己的編號(hào)
- 計(jì)算機(jī)中的編號(hào)從0開(kāi)始，所以小明的編號(hào)為0，小剛編號(hào)為1，以此類(lèi)推
- 在數(shù)組中，數(shù)據(jù)的編號(hào)也叫索引或下標(biāo)
- 數(shù)組可以存儲(chǔ)任意類(lèi)型的數(shù)據(jù)
2、取值語(yǔ)法
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-829879.html
<script>
// let arr = [10,20,30]
// 1. 聲明數(shù)組 有序
let arr = ['王一', '李二', '張三', '李四']
// 2. 使用數(shù)組 數(shù)組名[索引號(hào)] 從0開(kāi)始
console.log(arr)
console.log(arr[1])
// 3. 數(shù)組長(zhǎng)度 = 索引號(hào)+1
console.log(arr.length) //6
// 案例：定義一個(gè)數(shù)組，里面存放星期一、星期二…… 直到星期日（共7天），在控制臺(tái)輸出：星期日
let day = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日']
console.log(day[6])
</script>3、一些術(shù)語(yǔ)
- 元素：數(shù)組中保存的每個(gè)數(shù)據(jù)都叫數(shù)組元素
- 下標(biāo)：數(shù)組中數(shù)據(jù)的編號(hào)
- 長(zhǎng)度：數(shù)組中數(shù)據(jù)的個(gè)數(shù)，通過(guò)數(shù)組的length屬性獲得
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-829879.html
到了這里，關(guān)于跟著pink老師前端入門(mén)教程（JavaScript）-day02的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
