Javascript的setTimeout()使用閉包特性時需要注意的問題

字號:


    setTimeout經(jīng)常被用于延遲執(zhí)行某個函數(shù),用法為:
    代碼如下:
    setTimeout(function(){
    …
    }, timeout);
    有時為了進行異步處理,而使用setTimeout(function…,0);比如:
    代碼如下:
    function f(){
    … // get ready
    setTimeout(function(){
    …. // do something
    }, 0);
    return …;
    }
    在setTimeout設(shè)定的函數(shù)處理器之前,函數(shù)f返回;
    在使用異步處理時,尤其是使用閉包特性時,要特別小心;
    例如:
    代碼如下:
    for(var i = 0 ; i < 10; i++){
    setTimeout(function(){
    console.log(i);
    }, 0);
    }
    對于初次使用這種方式的同學來說,很可能會認為程序會打印0…9,可結(jié)果確實打印10個10;
    問題就在于,當循環(huán)完成時,function得到執(zhí)行,而i已經(jīng)變成10,console.log(i)中使用的是10!
    加入你的目的是打印0…9,那么可以換一種方式,用函數(shù)參數(shù)來保存0….9(其實也是利用了閉包):
    代碼如下:
    for(var i = 0 ; i < 10; i++){
    setTimeout((function(i){
    return function(){
    console.log(i);
    }
    })(i), 0);
    }