JavaScript中setTimeout和setInterval函數(shù)的傳參及調(diào)用
如何向 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 直接當作了參數(shù)。這樣傳遞的參數(shù)永遠是字符串。這不是我們想要的結(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)加上引號同樣會報錯。
當然,這樣寫也是不錯的:
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);
程序可以正常工作。
當不使用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);
都不能正常工作。
- JavaScript SetInterval與setTimeout使用方法詳解
- JavaScript中SetInterval與setTimeout的用法詳解
- Js中setTimeout()和setInterval() 何時被調(diào)用執(zhí)行的用法
- JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法
- javascript中SetInterval與setTimeout的定時器用法
- JavaScript定時器setTimeout()和setInterval()詳解
- js中的setInterval和setTimeout使用實例
- Javascript對象中關(guān)于setTimeout和setInterval的this介紹
- JavaScript setTimeout和setInterval的使用方法 說明
- JavaScript?setTimeout和setInterval的用法與區(qū)別詳解
相關(guān)文章
在Javascript中處理數(shù)組之toSource()方法的使用
這篇文章主要介紹了在Javascript中處理數(shù)組之toSource()方法的使用,是JS入門學(xué)習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06Javascript學(xué)習筆記之函數(shù)篇(六) : 作用域與命名空間
本文主要講述了javascript中作用域和命名空間的區(qū)別,十分的詳細,這里推薦給大家,希望小伙伴能有所收獲2014-11-11深入理解JavaScript系列(39):設(shè)計模式之適配器模式詳解
這篇文章主要介紹了深入理解JavaScript系列(39):設(shè)計模式之適配器模式詳解,適配器模式(Adapter)是將一個類(對象)的接口(方法或?qū)傩裕┺D(zhuǎn)化成客戶希望的另外一個接口(方法或?qū)傩裕?需要的朋友可以參考下2015-03-03JavaScript中的Math.atan2()方法使用詳解
這篇文章主要介紹了JavaScript中的Math.atan2()方法使用詳解,是JS入門學(xué)習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06javascript中判斷一個值是否在數(shù)組中并沒有直接使用
在JS中要判斷一個值是否在數(shù)組中并沒有函數(shù)直接使用,如PHP中就有in_array()這個函數(shù),可以寫一個類似in_array()函數(shù)功能的方法2012-12-12