JS什么时候在for循环中用var会出问题

参考博客：阮一峰ES6教程

var

一直听说var声明变量，存在循环变量泄漏为全局变量问题，但总是想不明白这个“全局”有什么影响，还有，到底什么时候输出的结果是递增/减的值，什么时候输出一样的值，也不清楚。

现在总结一下：

正常情况

for(var i = 0; i < 10; i++){
	console.log(i);
}
alert(i);//10

依次输出1~9，弹出10

问题情况

此处借用阮一峰博客的代码：

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10

每一轮循环中，把function(){console.log(i)}赋值给a[i]，也就是说：

a[0]=function(){console.log(i)}，绝不等于a[0]=function(){console.log(0)}
a[1]=function(){console.log(i)}，绝不等于a[1]=function(){console.log(1)}
...
a[9]=function(){console.log(i)}，绝不等于a[9]=function(){console.log(9)}

在下方调用函数的时候，由于函数内只有一句console.log，没有声明i，会沿着作用域链，去全局作用域找i，而此时for循环已结束，所以i=10，故不论调用a[0/1/2…/9]，结果都为10

总结

如果for循环中没有函数function，则一切正常，如果有函数，不论这个函数中是否再次声明了i（经试验，即使在函数体内再var i=i，或var k=i，也无济于事）都会出问题。解决的方案已知两种：闭包和let。

let

关于let，记住：当前的i只在本轮循环有效，每一次循环的i其实都是一个新的变量。

JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。

另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}
// abc
// abc
// abc