Javascript:闭环？

Question

我想做以下事情:

for (var i = 0; i < 10; ++i) {
    createButton(x, y, function() { alert("button " + i + " pressed"); }
}

问题是我总是得到 i 的最终值，因为 Javascript 的闭包不是按值的。
那么我该如何使用 javascript 做到这一点呢？

Answer 1

如果您为使用 JavaScript 1.7 或更高版本的浏览器编写代码，一个解决方案是使用 let 关键字:

for(var i = 0; i < 10; ++i) {
    let index = i;
    createButton(x, y, function() { alert("button " + index + " pressed"); }
}

来自 MDC 文档中心:

The let keyword causes the item variable to be created with block level scope, causing a new reference to be created for each iteration of the for loop. This means that a separate variable is captured for each closure, solving the problem caused by the shared environment.

查看 MDC Doc Center对于传统方法(创建另一个闭包)。