的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，但有一個​​它。