Js變量命名規(guī)范【傳智播客】

1. 變量

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

什么是變量?

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

1). 變量的聲明

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

let 變量名; //聲明變量的語法
let name; //聲明1個變量,變量的名字叫做name
let age; //聲明1個變量，變量的名字叫做age

2). 賦值符號

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

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

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

3). 變量的使用

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

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

2 變量的特點(diǎn)

1). 變量的初始化

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

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

2). 變量的批量聲明

可以一次聲明多個變量，語法如下。

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

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

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

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

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

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

5). 變量之間相互賦值

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

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

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

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

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

let num1 = 10;
let num2 = 'num1';//這個地方 并不是 將num1變量的值賦值給num2變量。看清楚是'num1'而不是num1
//而是將數(shù)據(jù) 字符串'num1'賦值給num2變量，num2變量中存儲的數(shù)據(jù)是字符串'num1'

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

1). 命名規(guī)則

必須要遵守命名規(guī)則，否則代碼會報錯，無法執(zhí)行

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

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

2). 命名規(guī)范

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

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

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

c. 使用駝峰命名法，一個單詞所有小寫，多個單詞從第2個單詞開始首字母大寫.

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

猜你喜歡：

引入ＣＳＳ樣式表的方式有哪些？

HTML5新增了哪些標(biāo)簽？

什么是域名?域名基礎(chǔ)介紹

黑馬程序員web前端課程

傳智播客web前端課程