ES6初探 let與塊級作用域

很久沒有寫部落格，日子一天天過得很快，覺得有時候寫點東西會讓人沉靜下來邊思考邊整理，一直糾結let是個什麼東西，看了些面試題好多都關於這個的，今天終覺恍然大悟啊，然後整個人就開心起來了，終究學習還是使人快樂啊！

進入正題吧~~

首先我們說一下塊級作用域的定義：任何一對花括號（｛和｝）中的語句集都屬於乙個塊，在這之中定義的所有變數在**塊外都是不可見的，我們稱之為塊級作用域。

/*利用匿名函式表示式可以模擬出塊級作用域*/  
(function ())();

除此之外我們可以用let來實現塊級作用域。

es6 新增了let命令，用來宣告變數。它的用法類似於var，但是所宣告的變數，只在let命令所在的**塊內有效。

沒有塊級作用域會帶來什麼樣的麻煩呢？

1.由於es5只有全域性作用域和函式作用域，沒有塊級作用域，會帶來很多問題，比如說向下面的例子，內層變數可能會覆蓋外層變數。

var tmp = new date();
function f() 
}f(); // undefined

上面**的原意是，if**塊的外部使用外層的tmp變數，內部使用內層的tmp變數。但是，函式f執行後，輸出結果為undefined，原因在於變數提公升，導致內層的tmp變數覆蓋了外層的tmp變數。

2.用來計數的迴圈變數洩露為全域性變數。

var s = 'hello';
for (var i = 0; i < s.length; i++) 
console.log(i); // 5

上面**中，變數i只用來控制迴圈，但是迴圈結束後，它並沒有消失，洩露成了全域性變數。

let實現塊級作用域例子：

function f1() 
console.log(n); // 5
}

上面的函式有兩個**塊，都宣告了變數n，執行後輸出5。這表示外層**塊不受內層**塊的影響。如果使用var定義變數n，最後輸出的值就是10。

let宣告變數的特點：

1.var命令會發生」變數提公升「現象，即變數可以在宣告之前使用，值為undefined。這種現象多多少少是有些奇怪的，按照一般的邏輯，變數應該在宣告語句之後才可以使用。

為了糾正這種現象，let命令改變了語法行為，它所宣告的變數一定要在宣告後使用，否則報錯。

// var 的情況
console.log(foo); // 輸出undefined
var foo = 2;
// let 的情況
console.log(bar); // 報錯referenceerror
let bar = 2;

2.只要塊級作用域內存在let命令，它所宣告的變數就「繫結」（binding）這個區域，不再受外部的影響。

var tmp = 123;
if (true)

上面**中，存在全域性變數tmp，但是塊級作用域內let又宣告了乙個區域性變數tmp，導致後者繫結這個塊級作用域，所以在let宣告變數前，對tmp賦值會報錯。

es6明確規定，如果區塊中存在let和const命令，這個區塊對這些命令宣告的變數，從一開始就形成了封閉作用域。凡是在宣告之前就使用這些變數，就會報錯。

總之，在**塊內，使用let命令宣告變數之前，該變數都是不可用的。這在語法上，稱為「暫時性死區」（temporal dead zone，簡稱 tdz）。

3.let不允許在相同作用域內，重複宣告同乙個變數。

/ 報錯
function () 
// 報錯
function ()

以上是學習自阮一峰老師的ecmascript 6入門，我覺得介紹得非常清楚，適合對初學ecmascript 6的孩子們。**：