javascript - 循环内的函数问题

查看：96 发布时间：2017/9/6 6:06:42

本文介绍了javascript - 循环内的函数问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

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

我不理解的是,这里为什么不是

a[6] = function () {
        console.log(6);
      };

解决方案

因为 i 的作用域是 window，每循环一次，都会重新赋值。

给你改写一个了一个demo，用外套function锁定作用域，可以实现你要的效果

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

运行结果：

> a[6];
function(){
    console.log(i);
}

>a[6]();
6

这篇关于javascript - 循环内的函数问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文