setInterval中傳遞參數

在JS中不管是setTimeout仍是setInterval,在使用函數名做爲調用句柄時都不能帶參數,而在許多場合必需要帶參數,這就須要想方法解決。app

1、採用字符串形式:——(缺陷)參數不能被週期性改變函數

setInterval("foo(id)",1000);
2、匿名函數包裝prototype

window.setInterval(function()字符串

    {io

foo (id);function

    }, 1000);匿名函數

   這樣就能夠週期性執行foo(id)這個函數,並且把變量id傳遞進去;變量


3、定義返回無參函數的函數方法

function foo(id)im

{

   alert(id);

}

function _foo(id)

{

return function()

{

foo(id);

}

}

window.setInterval(_foo(id),1000);

這裏定義了一個函數_foo,用於接收一個參數,並返回一個不帶參數的函數,在這個函數內部使用了外部函數的參數,從而對其調用,不須要使用參數。在 window. setInterval函數中,使用_foo(id)來返回一個不帶參數的函數句柄,從而實現了參數傳遞的功能。


4、修改setInterval

function foo(id)

{

alert(id);

}

var _sto = setInterval;  

window.setInterval = function(callback,timeout,param)

{  

var args = Array.prototype.slice.call(arguments,2);  

var _cb = function()

{  

callback.apply(null,args);  

}   

_sto(_cb,timeout);  

}

window.setInterval(hello,3000,userName);

以上的全部方法也適合setTimeout。

相關文章
相關標籤/搜索