這篇文章主要介紹了JavaScript中setTimeout和setInterval函數(shù)的傳參及調(diào)用,著兩個函數(shù)可以把要執(zhí)行的代碼在設(shè)定的一個時間點插入js引擎維護的一個代碼隊列中,需要的朋友可以參考下
如何向 setTimeout 、 setInterval 傳遞參數(shù)
看如下代碼:
var str = 'aaa';
var num = 2;
function auto(num){
alert(num);
}
setTimeout('auto(num)',4000);
這樣寫是可以正常工作的,但是如其說這是參數(shù)傳遞,還不如說是直接使用的全局變量。所以,這種寫法是沒有必要的,一般情況下更多的是用到傳遞局部變量作為參數(shù)。
把代碼修改一下:
//var str = 'aaa';
var num = 2;
function test(){
var str = 'bbb';
setTimeout('auto(str)',4000);
}
function auto(a){
alert(a);
}
test();
這種寫法會報錯,如果把取消對 str 的全局聲明的注釋,就會輸出 aaa,即函數(shù)依然是調(diào)用全局變量。
看下面的代碼:
//var str = 'aaa';
var num = 2;
function test(){
var str = 'bbb';
setTimeout('auto("str")',4000);
}
function auto(a){
alert(a);
}
test();
注意上面的 str ,這樣寫會輸出 “str”,也就是說定時器調(diào)用函數(shù)后,是把 str 直接當(dāng)作了參數(shù)。這樣傳遞的參數(shù)永遠(yuǎn)是字符串。這不是我們想要的結(jié)果。
要想傳遞除字符串意外的參數(shù),可以使用閉包,看下面代碼:
//var str = 'aaa';
var num = 2;
function test(){
var str = 'bbb';
setTimeout(auto(str),4000);
}
function auto(str){
return function(){
alert(str);
}
}
test();
輸出結(jié)果為 ‘bbb',如果給auto(str)加上引號同樣會報錯。
當(dāng)然,這樣寫也是不錯的:
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();
最后需要注意的是,字不使用閉包傳遞參數(shù)時,定時器調(diào)用的函數(shù)是要加引號的,不加引號,會報錯。以上情形同樣適合 setInterval();
setTimeout 、 setInterval 中的函數(shù)調(diào)用
有如下代碼:
var num = 2;
function auto(){
alert(num);
}
setTimeout(auto(),4000);
在這段程序里,測試的時候立刻就可以看到彈出的警告框。也就是說按照以上方法引用函數(shù),定時器是不起作用的。
同樣,對于setInterval上面的寫法也不能正常工作,程序只能彈出一次警告框,然后報錯。
把定時器改為
setInterval('auto()',4000);
setTimeout('auto()',4000);
程序可以正常工作。
當(dāng)不使用auto()調(diào)用函數(shù),只使用 auto會是什么樣呢?
var str = 'aaa';
var num = 2;
function auto(){
alert(num);
}
//setInterval(auto,4000);
setTimeout(auto,4000);
這樣寫程序都可以正常工作;
如果給auto加上引號
//setInterval('auto',4000);
setTimeout('auto',4000);
都不能正常工作。