javascript - 由于引用访问，值被覆盖

Question

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

a[0]()     // I want 0, but I get 3

我正在尝试编写一段简单的代码，其中有一个函数数组，这样当我在特定索引处执行函数时，应该打印索引值。

但是，上面的代码段对于所有索引值显示相同的结果(在本例中为 3)。我知道该值是通过引用指向的，因此指向 i 的最后一个值。有人能指出如何以正确的方式做到这一点吗？

Answer 1

将它包裹在一个函数中。现在，每次执行循环时，包装函数都有自己的 i 值。

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

a[0]()