變數重複宣告前端隨筆16 變數的這些事

1. 變數

首先我們要明確變數只是乙個容器，用於儲存任何資料，其本身沒有任何特值。

es6以前宣告變數使用var關鍵字，es6新增let和const關鍵字。後期程式設計建議使用let(const)宣告變數。

const表示宣告的變數是乙個常量，第一次賦值之後再次給該變數賦值會報錯，其他特性與let相同。

下面主要講講var和let的區別。

區別1 作用域不同

let作用域是塊級作用域，而var作用域是函式作用域。塊級作用域範圍小於函式作用域範圍。(塊級作用域和函式作用域的區別後面說)

a; //1b; //referenceerror: a is not defined.

因此let特別適合即用即銷的場景，例如迴圈計數器。下面的**中如果使用var宣告計數器i，i的值會儲存到當前作用域內，可能會對後面產生影響。

for (var i =1;i<10;i++){}i; //10for (let i =1;i<10;i++){}i; //referenceerror: a is not defined.

區別2 變數提公升var宣告的變數可以先使用再宣告，而let宣告的變數不行。強行先使用變數再用let宣告會報錯。

區別3 重複宣告

let宣告的變數不允許重複宣告，而acr宣告的變數可以。

//報錯let m =1;let m =2;//報錯let m =1;var m =2;//不報錯var m =1;let m =2;

區別4 暫時性死區其意思是只要塊級作用域內有let宣告的變數，那麼該變數就遵循let宣告的變數的所有規則。

2. 變數型別

變數型別特性number整數和浮點數，使用parseint()函式/parsefloat()函式可以將數值轉化為整數和浮點數string字串，使用tostring()函式轉化成字串booleantrue或者falsearray陣列object物件，資料以鍵值對的形式存在

注意：js中變數型別是動態變化的，因為在宣告的時候不會設定資料型別，給變數賦什麼型別的值，該變數就是什麼型別

3. 塊級作用域

es5中只有全域性作用域和函式作用域，這樣會出現一些問題，例如上面例子中迴圈計數器i洩露，內層變數覆蓋外層變數。es6新增塊級作用域{}。給我的最直觀的感受就是以前用於立即執行的匿名函式不再需要，我們可以用更簡單的**實現了，如下述**

(function()())// 可以使用下面的**替代

通過本次學習，對變數的認識又加深了一步，我們宣告變數的方式更加多樣化，針對不同的需求使用不同的宣告方式會是我們的**更加簡潔易懂。

變數 重複宣告 前端隨筆16 變數的這些事