如何向 setTimeout 、 setInterval 传递参数

看如下代码：

var str = 'aaa';
var num = 2;
function auto(num){
	alert(num);
}
setTimeout('auto(num)',4000);

这样写是可以正常工作的，但是如其说这是参数传递，还不如说是直接使用的全局变量。所以，这种写法是没有必要的，一般情况下更多的是用到传递局部变量作为参数。

把代码修改一下：

//var str = 'aaa';
var num = 2;
function test(){
	var str = 'bbb';
	setTimeout('auto(str)',4000);
}
function auto(a){
	alert(a);
}
test();

这种写法会报错，如果把取消对 str 的全局声明的注释，就会输出 aaa，即函数依然是调用全局变量。

看下面的代码：

//var str = 'aaa';
var num = 2;
function test(){
	var str = 'bbb';
	setTimeout('auto("str")',4000);
}
function auto(a){
	alert(a);
}
test();

注意上面的 str ，这样写会输出 “str”，也就是说定时器调用函数后，是把 str 直接当作了参数。这样传递的参数永远是字符串。这不是我们想要的结果。

要想传递除字符串意外的参数，可以使用闭包，看下面代码：

//var str = 'aaa';
var num = 2;
function test(){
	var str = 'bbb';
	setTimeout(auto(str),4000);
}
function auto(str){
	return function(){
		alert(str);
	}
}
test();

输出结果为 ‘bbb’，如果给auto(str)加上引号同样会报错。

当然，这样写也是不错的：

var num = 2;
function test(){
	var str = 'bbb';
	//setTimeout(auto(str),4000);
	setTimeout(function(){alert(str)},4000);
}
function auto(str){
	return function(){
		alert(str);
	}
}
test();

最后需要注意的是，字不使用闭包传递参数时，定时器调用的函数是要加引号的，不加引号，会报错。以上情形同样适合 setInterval()；