在循环中解决不能静态快照的问题

相信大家在JavaScript的学习过程中都遇到一个坑，闭包，但是这个坑不得不入的！


先上代码：


var a = [];
for (var i = 0; i < 10; i++) { 
a[i] = function () { console.log(i); }; 
} 
a[6](); // 10
a[6]会输出多少不需要我说了吧，既然是被坑过来的，要想想为什么被坑了，因为变量i是var声明的，在全局范围内都有效。所以每一次循环，新的i值都会覆盖旧值，导致最后输出的是最后一轮的i的值。


那么，有没有一个比较好而又优雅的解决办法呢？


Of course!


没有我就不会在这里瞎BB了！


二上代码：


var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 6
怎样？神奇吧？ 用let声明的就可以完美的解决不能静态快照的问题。let 是ES6 的新标准，变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是6。


使用let需要在严格模式下。