JS中setInterval、setTimeout不能傳遞帶參數(shù)的函數(shù)的解決方案

2019-11-20 22:45:38

字體：大中小

供稿：網(wǎng)友

在JS中無論是setTimeout還是setInterval，在使用函數(shù)名作為調(diào)用句柄時(shí)都不能帶參數(shù)，而在許多場(chǎng)合必須要帶參數(shù)，
這就需要想方法解決。
一、采用字符串形式：――（缺陷）參數(shù)不能被周期性改變
setInterval("foo(id)",1000);
二、匿名函數(shù)包裝 (推薦)

復(fù)制代碼代碼如下:

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

這樣就可以周期性執(zhí)行foo（id）這個(gè)函數(shù)，而且把變量id傳遞進(jìn)去；
三、定義返回?zé)o參函數(shù)的函數(shù)

復(fù)制代碼代碼如下:

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

這里定義了一個(gè)函數(shù)_foo，用于接收一個(gè)參數(shù)，并返回一個(gè)不帶參數(shù)的函數(shù)，在這個(gè)函數(shù)內(nèi)部使用了外部函數(shù)的參數(shù)，從而對(duì)其調(diào)用，不需要使用參數(shù)。
在 window. setInterval函數(shù)中，使用_foo(id)來返回一個(gè)不帶參數(shù)的函數(shù)句柄，從而實(shí)現(xiàn)了參數(shù)傳遞的功能。
四、修改setInterval

復(fù)制代碼代碼如下:

 
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。

上一篇：JQuery制作的放大效果的popup對(duì)話框(未添加任何jquery plugin)分享

下一篇：jquery在IE、FF瀏覽器的差別詳細(xì)探討