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

相信大家在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需要在严格模式下。