的Javascript不需要关闭行为

Question

可能重复：
Javascript closure inside loops - simple practical example

我试图代码类似于这样：

var funcs = []; 
for (var i=0; i<5 ; ++i) { 
    funcs[i]=function() { 
     alert(i); 
    }; 
} 

显然，调用funcs[0]不会警报0与预期的一样，只是因为变量i被匿名函数捕获，并且调用funcs[0..4]中的任何一个都会提醒'4'（最后一次迭代后的值为i并被所有创建的函数共享）。

第一部作品围绕在我脑海中是使用某种函数发生器：

var funcs = []; 
for (var i=0; i<5 ; ++i) { 
    funcs[i]=(function(cap) { 
     return function() {alert(cap)}; 
    })(i); 
} 

该做的伎俩，但似乎真的令人费解和难以阅读。有没有更好的方式来获得预期的行为，而不使用函数包装？

Answer 1

的.bind功能允许您预先绑定的附加参数绑定功能：

var funcs = []; 
for (var i=0; i<5 ; ++i) { 
    funcs[i]=function(i) { 
     alert(i); 
    }.bind(this, i); 
} 

这是一个ES5功能，所以应该从事的IE9 +，Chrome，Safari，Firefox：

Answer 2

当您不想用这些匿名函数嵌入代码时，解决方案是定义（命名的）嵌入状态（i）和函数（在原型中）的类。这是更LOC但有时更具可读性：

var funcs = []; 
function MyFunc(i) { 
    this.i=i; 
} 
MyFunc.prototype.doIt = function(){ 
    alert(this.i); 
}; 
for (var i=0; i<5 ; ++i) { 
    funcs[i]=new MyFunc(i); 
} 

funcs[2].doIt();​ 

Answer 3

您应该尽可能简单地编写它。我认为这很容易理解，但很难阅读。所以简化它的一种方法是使用嵌套编码风格。我不认为这比现在简单。

我建议是这样的：

var funcs = []; 

for (var i = 0; i < 5; ++i) { 
    funcs[i] = (
     function (cap) { 
      return function() { alert(cap) }; 
     } 
    )(i); 
} 

Answer 4

恕我直言，命名函数往往优越，对性能和可读性的原因。为什么不去做这样的：

function foo (cap) { 
    return function() { alert(cap) }; 
} 

var funcs = []; 
for (var i=0; i<5 ; ++i) { 
    funcs[i]=foo(i); 
} 

Answer 5

试试这个：

var funcs = [0, 1, 2, 3, 4].map(function(i) { 
    return function() {alert(i);}; 
}); 

注：map不受IE8及以上suppoted，但有一个​​它。