什么是變量？JavaScript變量命名規(guī)范介紹

1. 變量

程序中的數(shù)據(jù)是交給CPU去處理的，而在交給CPU處理之前我們一般的操作都是會(huì)先將這個(gè)數(shù)據(jù)存儲(chǔ)起來(lái)，那么在程序中我們?nèi)绾未鎯?chǔ)數(shù)據(jù)呢?這就要使用變量了。

什么是變量?

變量是程序中用來(lái)存儲(chǔ)數(shù)據(jù)的，變量可以將數(shù)據(jù)存儲(chǔ)在其中，我們可以為這個(gè)變量起一個(gè)容易記憶的別名，當(dāng)我們要使用這個(gè)數(shù)據(jù)的時(shí)候，通過(guò)這個(gè)別名就可以找到這個(gè)變量并使用存儲(chǔ)在其中的數(shù)據(jù)。

1). 變量的聲明

創(chuàng)建一個(gè)變量的語(yǔ)法是這樣的:

let 變量名; //聲明變量的語(yǔ)法
let name; //聲明1個(gè)變量,變量的名字叫做name
let age; //聲明1個(gè)變量，變量的名字叫做age

2). 賦值符號(hào)

變量創(chuàng)建好了以后，使用賦值符號(hào)就可以將數(shù)據(jù)存儲(chǔ)到變量中。

變量名 = 數(shù)據(jù);
name = "jack"; //將字符串 "jack" 這個(gè)數(shù)據(jù)存儲(chǔ)到 變量 name 中
age = 18; //將數(shù)值類型的數(shù)據(jù) 18 這個(gè)數(shù)據(jù)存儲(chǔ)到 變量 age 中

賦值符號(hào) = , 它的作用是將右邊的數(shù)據(jù)存儲(chǔ)到左邊的變量之中。

3). 變量的使用

在需要使用存儲(chǔ)在變量中的數(shù)據(jù)的地方，只需要直接寫(xiě)上這個(gè)變量的名字就可以。特別說(shuō)明一點(diǎn)，存儲(chǔ)在變量中的數(shù)據(jù)，我們也把它叫做變量的值。

console.log(name);    //想要輸出name變量中的值，直接寫(xiě)上變量的名字name
console.log(age);    //想要輸出age變量中的值，直接寫(xiě)上變量的名字age

2 變量的特點(diǎn)

1). 變量的初始化

第一次給變量賦值的過(guò)程，叫做變量的初始化。我們可以將變量的聲明和初始化放在1行完成。

let 變量名 = 數(shù)據(jù); //聲明變量的同時(shí)，為變量設(shè)置一個(gè)初始值
let name = "jack"; //聲明變量name的同時(shí)，為變量name設(shè)置初始值為”jack”

2). 變量的批量聲明

可以一次聲明多個(gè)變量，語(yǔ)法如下。

let 變量名1,變量名2,變量名3;
let num1, num2, num3;
 //在聲明的同時(shí)初始化也是允許的
let num4 = 10, num5 = 20, num3;

3). 變量是可以被重復(fù)賦值的

變量是可以允許被重復(fù)賦值的，當(dāng)通過(guò)賦值符號(hào)為一個(gè)變量進(jìn)行賦值的時(shí)候，如果這個(gè)變量中已經(jīng)有值了，會(huì)先將舊值刪除，然后再將新值存儲(chǔ)到變量中。所以變量是”喜新厭舊”。

let num1 = 10;     //聲明1個(gè)變量，初始化其值為10
num1 = 20;   //將20賦值給變量num1,這個(gè)時(shí)候num1本來(lái)的值為10，會(huì)先將num1變量中的值刪除，然后將20存儲(chǔ)到num1變量中
console.log(num1);//所以這個(gè)時(shí)候，num1變量的值為20

4). 不允許定義相同名稱的變量(暫時(shí)認(rèn)為它是正確的)

let num = 10;//聲明1個(gè)變量num，初始化值為10
num = 20; //為num變量重新賦值為20
let num = 30; //再次聲明1個(gè)變量num,num變量已經(jīng)存在了，不允許重復(fù)聲明。

5). 變量之間相互賦值

let num1 = 10; //聲明1個(gè)變量num1,其值初始化為10
let num2 = 20; //聲明1個(gè)變量num2，其值初始化為20
num2 = num1; //將num1變量的值賦值給num2變量.
//將num1變量的值拷貝1份，賦值給變量num2. 這個(gè)時(shí)候num2變量的值為10
//特別注意的是，num1變量的值仍然是10

6). 一個(gè)未經(jīng)初始化的變量的值為undefined

如果我們聲明了1個(gè)變量，沒(méi)有對(duì)其進(jìn)行初始化，那么這個(gè)時(shí)候它的值為undefined，所以當(dāng)我們發(fā)現(xiàn)一個(gè)變量的值為undefined的時(shí)候，表示這個(gè)變量沒(méi)有被初始化。

let num;   //聲明1個(gè)變量num,沒(méi)有對(duì)其進(jìn)行初始化
console.log(num);   //那么這個(gè)變量的值為 undefined

7). 區(qū)分字符串和變量名

let num1 = 10;
let num2 = 'num1';//這個(gè)地方 并不是 將num1變量的值賦值給num2變量?？辞宄?#39;num1'而不是num1
//而是將數(shù)據(jù) 字符串'num1'賦值給num2變量，num2變量中存儲(chǔ)的數(shù)據(jù)是字符串'num1'

3. 變量的命名規(guī)則及規(guī)范

1). 命名規(guī)則

必須要遵守命名規(guī)則，否則代碼會(huì)報(bào)錯(cuò)，無(wú)法執(zhí)行

a. 變量名只能以$、下劃線、字母開(kāi)頭，后面可以是$、下劃線、字母、數(shù)字。特別注意不能以數(shù)字開(kāi)頭。

b. 不能以js的關(guān)鍵字作為變量的名稱

2). 命名規(guī)范

不遵循不會(huì)報(bào)錯(cuò)，可以執(zhí)行，但是全世界的前端程序員都在遵守。

a. 變量名要取得有意義，看到變量名就知道其中存儲(chǔ)的是什么樣的數(shù)據(jù)。

b. 使用英文單詞最佳，實(shí)在不行拼音也可。

c. 使用駝峰命名法，一個(gè)單詞所有小寫(xiě)，多個(gè)單詞從第2個(gè)單詞開(kāi)始首字母大寫(xiě).

let name = "jack";
let className = "第100期就業(yè)班";
let shangPinShuLiang = 100;

猜你喜歡：

HTML5中figure標(biāo)簽的作用

vue中keep-alive的表達(dá)方式

前端面試題：兼容性面試題匯總

黑馬程序員web前端課程 

傳智播客web前端課程