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循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。                                                                                                                                                                                 一  阮一峰