Javascript「for loop」變量指針

Question

我相信我根本沒有足夠的咖啡可以清楚地看到，而且這看起來很平凡，但是，我有一個for循環，它在jQuery插件中傳遞了一些函數。 var i被傳遞，並且當然傳遞了i的最後一個值，而不是它在通過時分配的值。

for (var i = 1; i < 3 + 1; i++) { 
    $('#div' + i).plugin({ // i returns correctly here 
    onDelete: function() { 
      alert("Deleting #" + i); // i returns 4 every time - last value of i 
     } 
    }); 
} 

我該如何「複製」我，所以它是按照我的預期返回？我有一個解決方法，但我很想知道，所以我可以把我的頭放在沙子裏。

Answer 1

這是一個衆所周知的循環問題。每一次都必須將其包裝在一個封閉：

for (var i = 1; i < 4; i++)(function(i) { 
    $('#div' + i).plugin({ 
     onDelete: function() { 
      alert("Deleting #" + i); 
     } 
    }); 
})(i); 

或者您可以使用此：

for (var i = 1; i < 4; i++) { 
    $('#div' + i).plugin({ 
     onDelete: callback(i) 
    }); 
}; 

function callback(i) { 
    return function() { 
     alert("Deleting #" + i); 
    }; 
}