for循环体中函数对变量i的使用

话不多说，先看看大家常常出现的问题:

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

有些小伙伴会问不是应该输出6的吗？为什么会是10？

        因为这里是用var声明的变量，是一个全局变量，被赋给数组a的函数内部的console.log(i)中的i指向的也是全局的i。也就是说，所有数组a的成员中的i指向的都是同一个i，导致运行时输出的是最后一轮的i，也就是10.

解决方案：

1.闭包+自执行函数

var m=[];
for(var j=0;j<10;j++){
    m[j]=function(g){
      return function(){
          console.log(g);
      }
    }(j)
}
m[5]();    //5

通过自执行函数保存每一轮循环的j的值,函数每执行一次都会创建一个新的闭包。

2.es6中的let命令

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

        变量i使用let声明的，当前的i只在本轮有效，所以每一次循环的i其实都是一个新的变量。javascript引擎内部会记住上一轮循环的值，初始化本轮的值。