如何向 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();

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章