首頁  >  文章  >  web前端  >  JS中setInterval、setTimeout不能傳遞帶有參數的函數的解決方案_javascript技巧

JS中setInterval、setTimeout不能傳遞帶有參數的函數的解決方案_javascript技巧

WBOY
WBOY原創
2016-05-16 17:35:031109瀏覽

在JS無論是setTimeout或setInterval,在使用函數名稱作為呼叫句柄時都不能帶參數,而在許多場合必須要帶參數,
這就需要想方法解決。
一、採用字串形式:——(缺陷)參數不能被週期性改變
setInterval("foo(id)",1000);
二、匿名函數包裝(推薦)

複製程式碼 程式碼如下:

window.setInterval(function()
{
(id);
}, 1000);

這樣就可以週期性執行foo(id)這個函數,而且把變數id傳遞進去;
三、定義回傳無參函數的函數
複製程式碼 程式碼如下:

function foo(id) alert(id);
}
function _foo(id)
{
return function()
{
foo(id);
}
}
foo(id);
}
}
}
window.setInterval(_foo(id),1000);


這裡定義了一個函數_foo,用於接收一個參數,並傳回一個不帶參數的函數,在這個函數內部使用了外部函數的參數,從而對其調用,不需要使用參數。
在 window. setInterval函數中,使用_foo(id)來傳回一個不帶參數的函數句柄,從而實現了參數傳遞的功能。 四、修改setInterval 複製程式碼

程式碼如下:



程式碼如下:


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