setTimeout和setInterval传参方式

目录

一、采用字符串形式

二、匿名函数包装 (推荐)

三、定义返回无参函数的函数

四、使用bind

五、使用第三个参数

---

在JS中无论是setTimeout还是setInterval，在使用函数名作为调用句柄时都不能带参数，而在许多场合必须要带参数，
这就需要想方法解决。

一、采用字符串形式

var id = 11;
setInterval("foo(“+id+")",1000);

：（缺陷）参数不能被周期性改变

二、匿名函数包装 (推荐)

function foo(id)
{
alert(id);
}

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)来返回一个不带参数的函数句柄，从而实现了参数传递的功能。

四、使用bind

window.setInterval(foo.bind(null,11),1000);   //11为传参

五、使用第三个参数

window.setInterval(foo(id),1000,11);   //11为传参