JavaScript中setTimeout和setInterval函數的傳參及調用

字號:


    這篇文章主要介紹了JavaScript中setTimeout和setInterval函數的傳參及調用,著兩個函數可以把要執(zhí)行的代碼在設定的一個時間點插入js引擎維護的一個代碼隊列中,需要的朋友可以參考下
    如何向 setTimeout 、 setInterval 傳遞參數
    看如下代碼:
    var str = 'aaa'; 
    var num = 2; 
    function auto(num){ 
      alert(num); 
    } 
    setTimeout('auto(num)',4000); 
    這樣寫是可以正常工作的,但是如其說這是參數傳遞,還不如說是直接使用的全局變量。所以,這種寫法是沒有必要的,一般情況下更多的是用到傳遞局部變量作為參數。
    把代碼修改一下:
    //var str = 'aaa'; 
    var num = 2; 
    function test(){ 
      var str = 'bbb'; 
      setTimeout('auto(str)',4000); 
    } 
    function auto(a){ 
      alert(a); 
    } 
    test(); 
    這種寫法會報錯,如果把取消對 str 的全局聲明的注釋,就會輸出 aaa,即函數依然是調用全局變量。
    看下面的代碼:
    //var str = 'aaa'; 
    var num = 2; 
    function test(){ 
      var str = 'bbb'; 
      setTimeout('auto("str")',4000); 
    } 
    function auto(a){ 
      alert(a); 
    } 
    test(); 
    注意上面的 str ,這樣寫會輸出 “str”,也就是說定時器調用函數后,是把 str 直接當作了參數。這樣傳遞的參數永遠是字符串。這不是我們想要的結果。
    要想傳遞除字符串意外的參數,可以使用閉包,看下面代碼:
    //var str = 'aaa'; 
    var num = 2; 
    function test(){ 
      var str = 'bbb'; 
      setTimeout(auto(str),4000); 
    } 
    function auto(str){ 
      return function(){ 
        alert(str); 
      } 
    } 
    test(); 
    輸出結果為 ‘bbb',如果給auto(str)加上引號同樣會報錯。
    當然,這樣寫也是不錯的:
    var num = 2; 
    function test(){ 
      var str = 'bbb'; 
      //setTimeout(auto(str),4000); 
      setTimeout(function(){alert(str)},4000); 
    } 
    function auto(str){ 
      return function(){ 
        alert(str); 
      } 
    } 
    test(); 
    最后需要注意的是,字不使用閉包傳遞參數時,定時器調用的函數是要加引號的,不加引號,會報錯。以上情形同樣適合 setInterval();
    setTimeout 、 setInterval 中的函數調用
    有如下代碼:
    var num = 2; 
    function auto(){ 
      alert(num); 
    } 
    setTimeout(auto(),4000); 
    在這段程序里,測試的時候立刻就可以看到彈出的警告框。也就是說按照以上方法引用函數,定時器是不起作用的。
    同樣,對于setInterval上面的寫法也不能正常工作,程序只能彈出一次警告框,然后報錯。
    把定時器改為
    setInterval('auto()',4000); 
    setTimeout('auto()',4000); 
    程序可以正常工作。
    當不使用auto()調用函數,只使用 auto會是什么樣呢?
    var str = 'aaa'; 
    var num = 2; 
    function auto(){ 
      alert(num); 
    } 
    //setInterval(auto,4000); 
    setTimeout(auto,4000); 
    這樣寫程序都可以正常工作;
    如果給auto加上引號
    //setInterval('auto',4000); 
    setTimeout('auto',4000); 
    都不能正常工作。