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引擎内部会记住上一轮循环的值,初始化本轮的值。

猜你喜欢

转载自blog.csdn.net/liuhua_2323/article/details/80508038