JavaScript进阶：setInterval、setTimeout不能传递带参数的函数的解决方案

在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。