JS中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。