封閉在Javascript

Question

可能重複：
Passing values to onclick

我有IDS divNum0，...，divNum99 100元。每次點擊時應使用正確的參數調用doTask。

不幸的是，下面的代碼並不關閉我，因此doTask對於所有元素都用100來調用。

function doTask(x) {alert(x);} 

for (var i=0; i<100; ++i) { 
    document.getElementById('divNum'+i).addEventListener('click',function() {doTask(i);},false); 
} 

有什麼方法我可以調用正確的參數功能？

Answer 1

創建經由文字自動執行的功能的封閉件（或命名工廠功能）

function doTask(x) { alert(x); } 

for(var i = 100; i--;) { 
    document.getElementById('divNum' + i).onclick = (function(i) { 
     return function() { doTask(i); }; 
    })(i); 
} 

，或者使用用於信息存儲的DOM節點

function doTask() { alert(this.x); } 

for(var i = 100; i--;) { 
    var node = document.getElementById('divNum' + i); 
    node.x = i; 
    node.onclick = doTask; 
} 

後者更多的內存友好因爲沒有多餘的函數對象被創建。

Answer 2

雖然（正確的）答案是the duplicate，但我想指出一個更高級的方法 - 用迭代器替換循環，這有效地解決了javascript「遲到」閉包問題。

loop = function(start, end, step, body) { 
    for(var i = start; i != end; i += step) 
     body(i) 
} 

loop(1, 100, 1, function(i) { 
    // your binding stuff 
})