For循环原理
我们知道for循环中如果用var定义和用let定义是产生不同的结果的，原因是var是全局定义，let是局部定义。
首先先上一个例子
var a = [];
for ( var i = 0; i < 10; i++ ) {
a[i] = function () {
console.log(i)
}
}
a[6](); // 结果是10；
为什么是10？？？
因为在for循环的时候， 变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i。每一次循环变量i的值都会发生改变，而i的值会保留在内存中，随着i的变化，内存中的i也会跟着变化，因为a[]函数是在for循环后初始化调用的，所以此时的i的值实际上是取了内存中的i。也就是说，所有数组a的成员里面的i，指向的都是同一个i，导致运行时输出的是最后一轮的i的值，也就是 10。
当我们把var 换成let的时候：
var a = [];
for ( let i = 0; i < 10; i++ ) {
a[i] = function () {
console.log(i)
}
}
a[6](); // 结果是6；
原因:
变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是6。你可能会问，如果每一轮循环的变量i都是重新声明的，那它怎么知道上一轮循环的值，从而计算出本轮循环的值？这是因为 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。
另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。 一 阮一峰
