首頁  >  文章  >  web前端  >  採用自執行的匿名函數解決for迴圈使用閉包的問題_javascript技巧

採用自執行的匿名函數解決for迴圈使用閉包的問題_javascript技巧

WBOY
WBOY原創
2016-05-16 16:36:281290瀏覽

這段程式碼輸出的是10個10而不是期望的0到9,因為閉包內是對i的引用,然後函數執行時i已經變成了10

function f1(){
for(var i = 0; i < 10; i++) {
setTimeout(function() {
alert(i); 
}, 1000);
}
}
f1();

解決以上的問題可以採用自執行的匿名函數

function f2(){
for(var i = 0; i < 10; i++) {
(function(e) {
setTimeout(function() {
alert(e); 
}, 1000);
})(i);
}
}
f2();

這裡的匿名函數將i作為參數,這裡的e會有i的一個拷貝,而引用時是對e的引用,這就避免了上述的問題

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn