ES6：let 块作用域

Posted 2020-10-04 圈地自萌

var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
return i;
    }
}
a[8](); //10

var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
return i;
    }
}
a[8](); //8

把var 改成 let，就能得到正确的结果。

这是因为，let 是 ES6 的声明变量的关键字，为 javascript增加了块作用域。let 声明的变量就是属于块作用域，每个变量只能在最小的作用域内进行访问。

使用 var 时每次循环中使用的都是相同变量，而 let 声明的变量 i 会在每次循环中进行不同的绑定，得到的是不同的实例。