for循环的a[i]问题

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

解读：

a是一个数组，a的每一项都是一个函数function(){console.log(i);},
变量i是var声明的，是一个全局变量，而数组a的函数内部的console.log(i)，里面的i指向的就是全局的i。也就是说，所有数组a的成员里面的i，指向的都是同一个i，导致运行时输出的是最后一轮的i的值，也就是 10
函数只有调用才会起作用，调用的时候i已经是10了，无论调用数组里边的哪个函数都是输出10
为什么是10 不是9呢？因为在循环中 i=9时 9<10 i执行了一个i++ 为10

晚辈问题：
既然console.log(i)的i指向的是全部变量i，第三行代码中a[i]里面的i，不也是全局变量么？

在这个场景中，通过var 声明的 i是全局变量
在for循环内，给a添加了10个函数function () { console.log(i); }
只是在a[6]()调用的时候 i已经成为了10，所以输出10

第三行代码是在for循环的时候确定的，执行第一次i还是0，此时就要确定a[0]的值，以次类推，一直到a[9]

作用域的问题
第一种使用let 声明 i
第二种使用闭包

arr[i] = (function(x){
            return function(){
               console.log(x)
            }
        }
       )(i);

这么讲你应该能理解，i在当前的作用域只有一个，在你调用a[6]这个function的时候，i已经是10了