JS中setInterval、setTimeout不能傳遞帶參數的函數的解決方案_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:09:11
JS中setInterval、setTimeout不能傳遞帶參數的函數的解決方案_javascript技巧
JS中setInterval、setTimeout不能傳遞帶參數的函數的解決方案_javascript技巧:在JS中無論是setTimeout還是setInterval,在使用函數名作為調用句柄時都不能帶參數,而在許多場合必須要帶參數, 這就需要想方法解決。 一、采用字符串形式:——(缺陷)參數不能被周期性改變 setInterval(foo(id),1000); 二、匿名函數包裝
導讀JS中setInterval、setTimeout不能傳遞帶參數的函數的解決方案_javascript技巧:在JS中無論是setTimeout還是setInterval,在使用函數名作為調用句柄時都不能帶參數,而在許多場合必須要帶參數, 這就需要想方法解決。 一、采用字符串形式:——(缺陷)參數不能被周期性改變 setInterval(foo(id),1000); 二、匿名函數包裝

在JS中無論是setTimeout還是setInterval,在使用函數名作為調用句柄時都不能帶參數,而在許多場合必須要帶參數,
這就需要想方法解決。
一、采用字符串形式:——(缺陷)參數不能被周期性改變
setInterval("foo(id)",1000);
二、匿名函數包裝 (推薦)
代碼如下:
window.setInterval(function()
{
foo (id);
}, 1000);
這樣就可以周期性執行foo(id)這個函數,而且把變量id傳遞進去;
三、定義返回無參函數的函數
代碼如下:
function foo(id)
{
alert(id);
}
function _foo(id)
{
return function()
{
foo(id);
}
}
window.setInterval(_foo(id),1000);
這里定義了一個函數_foo,用于接收一個參數,并返回一個不帶參數的函數,在這個函數內部使用了外部函數的參數,從而對其調用,不需要使用參數。
在 window. setInterval函數中,使用_foo(id)來返回一個不帶參數的函數句柄,從而實現了參數傳遞的功能。
四、修改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。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JS中setInterval、setTimeout不能傳遞帶參數的函數的解決方案_javascript技巧
JS中setInterval、setTimeout不能傳遞帶參數的函數的解決方案_javascript技巧:在JS中無論是setTimeout還是setInterval,在使用函數名作為調用句柄時都不能帶參數,而在許多場合必須要帶參數, 這就需要想方法解決。 一、采用字符串形式:——(缺陷)參數不能被周期性改變 setInterval(foo(id),1000); 二、匿名函數包裝