setTimeout setInterval 带参数的问题

时间:2021-09-26 17:20:44

转载http://www.jb51.net/article/36233.htm

在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);