Javascript：关闭循环？

Question

我喜欢做的事情大致如下：

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

的这个是，我总是得到的i终值，因为Javasript的关闭是没有价值的。
那么我怎样才能做到这一点与JavaScript？

Answer 1

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

注意的JSLint不喜欢这种模式。它会抛出“不要在循环中创建函数”。

现场演示：http://jsfiddle.net/simevidas/ZKeXX/

Answer 2

您需要将闭包放入单独的函数中。

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

Thise代码创建一个匿名函数，它i作为用于循环的每次迭代的参数。
由于这个匿名函数为每次迭代都有一个单独的i参数，因此它解决了这个问题。

这相当于

function createIndexedButton(i) { 
    createButton(x, y, function() { alert("button " + i + " pressed"); } 
} 

for(var i = 0; i < 10; ++i) { 
    createIndexedButton(i); 
} 

Answer 3

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

在外面的匿名功能将自动调用并在其范围内，在那里，它利用每个i的然后当前值创建具有n一个新的闭合它被调用的时间。

Answer 4

通过执行另一个函数创建关闭一个新的范围：

for(var i = 0; i < 10; ++i) { 
    createButton(x,y, function(value) { return function() { alert(...); }; }(i)); 
} 

http://www.mennovanslooten.nl/blog/post/62

Answer 5

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

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

从MDC文件中心：

let关键字导致项目 变量与块0一起创建级别作用域，导致为for循环的每次迭代 创建一个新的引用 。这意味着每个 闭包都会捕获一个单独的变量，从而解决共享环境造成的问题。

查看MDC Doc Center的传统方法（创建另一个闭包）。