为什么这个闭包示例工作不正确?

时间:2015-10-30 16:40:16

标签: javascript

我已经看过关闭的例子,我认为我理解它们,直到我决定这样做:

var f = [];
for (var i = 0; i < 2; i++) {
    f[i] = function foo(a) {
        var h = i;
        function bar() {
            console.log(h);
        }
        if (a == 1)
            bar();
    }
}

for (var j = 0; j < 2; j++) {
    console.log(f[j](1));
}

输出是这样的:

2
2

当我认为它是0, 1因为我创建了一个外部函数foo,我将i存储在变量h中 有人可以解释一下这里发生了什么以及为什么这些setTimeout示例工作正确吗?

1 个答案:

答案 0 :(得分:2)

对于所需的输出,将代码更新为以下

var f = [];
for (var i = 0; i < 2; i++) {
  f[i] = (function(i){ 
              return function foo(a) {
                 var h = i;
                 function bar() {
                     console.log(h);
                 }
                 if (a == 1)
                    bar();
             }
         })(i);
}

for (var j = 0; j < 2; j++) {
    console.log(f[j](1));
}