es6中添加塊級範圍的目的

標籤：沒有   erro   for迴圈問題   不同   問題   asc   ons   efi   迴圈   

 原本只有函數範圍和全域範圍兩種，這就導致出現很多不方便的地方：

1）for迴圈問題：在看js高程的時候，糾結在第七章好久，就是一個這樣的執行個體

function createFunctions(){    var result = new Array();    for (var i = 0 ; i < 10 ; i ++){      result[i] = function (){         return i;      }      }    return result;}

　　不管這段代碼輸出result[i]()中的i是幾，結果都是10，這就是沒有塊級範圍的一個弊端。因為變數i是全域變數，每次迴圈都是對同一個i變數進行操作，導致覆蓋，所以最後無論對result數組中的哪個函數進行執行，結果都是輸出10；

2）內外成變數的覆蓋問題

var a = 10;function f(){  console.log(a);  var a = 20;}

　　執行結果是undefined，這是因為內層變數a對外層同名變數覆蓋了，上述代碼由於聲明被提升，相當於下面這樣寫：

var a = 10;function f(){  var a;  console.log(a);  a = 20;}

　　由於內層函數範圍的存在，新聲明的a是undefined，會被輸出。

考慮到上述兩種問題，加入了塊級範圍，比如將for迴圈中的var i 改為let i，就會輸出預期的結果；第二個例子中涉及到let和塊級範圍綁定，存在暫時死區問題，若只將內層var換成let，會出現referenceError錯誤，即let聲明不同於var，聲明前不可擷取，所以出錯。若感興趣，可再自行查閱。

es6中添加塊級範圍的目的