JavaScript中setTimeout和setInterval函數(shù)的傳參及調(diào)用
如何向 setTimeout 、 setInterval 傳遞參數(shù)
看如下代碼:
var str = 'aaa'; var num = 2; function auto(num){ alert(num); } setTimeout('auto(num)',4000);
這樣寫(xiě)是可以正常工作的,但是如其說(shuō)這是參數(shù)傳遞,還不如說(shuō)是直接使用的全局變量。所以,這種寫(xiě)法是沒(méi)有必要的,一般情況下更多的是用到傳遞局部變量作為參數(shù)。
把代碼修改一下:
//var str = 'aaa'; var num = 2; function test(){ var str = 'bbb'; setTimeout('auto(str)',4000); } function auto(a){ alert(a); } test();
這種寫(xiě)法會(huì)報(bào)錯(cuò),如果把取消對(duì) str 的全局聲明的注釋?zhuān)蜁?huì)輸出 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 ,這樣寫(xiě)會(huì)輸出 “str”,也就是說(shuō)定時(shí)器調(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)加上引號(hào)同樣會(huì)報(bào)錯(cuò)。
當(dāng)然,這樣寫(xiě)也是不錯(cuò)的:
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ù)時(shí),定時(shí)器調(diào)用的函數(shù)是要加引號(hào)的,不加引號(hào),會(huì)報(bào)錯(cuò)。以上情形同樣適合 setInterval();
setTimeout 、 setInterval 中的函數(shù)調(diào)用
有如下代碼:
var num = 2; function auto(){ alert(num); } setTimeout(auto(),4000);
在這段程序里,測(cè)試的時(shí)候立刻就可以看到彈出的警告框。也就是說(shuō)按照以上方法引用函數(shù),定時(shí)器是不起作用的。
同樣,對(duì)于setInterval上面的寫(xiě)法也不能正常工作,程序只能彈出一次警告框,然后報(bào)錯(cuò)。
把定時(shí)器改為
setInterval('auto()',4000); setTimeout('auto()',4000);
程序可以正常工作。
當(dāng)不使用auto()調(diào)用函數(shù),只使用 auto會(huì)是什么樣呢?
var str = 'aaa'; var num = 2; function auto(){ alert(num); } //setInterval(auto,4000); setTimeout(auto,4000);
這樣寫(xiě)程序都可以正常工作;
如果給auto加上引號(hào)
//setInterval('auto',4000); setTimeout('auto',4000);
都不能正常工作。
- JavaScript SetInterval與setTimeout使用方法詳解
- JavaScript中SetInterval與setTimeout的用法詳解
- Js中setTimeout()和setInterval() 何時(shí)被調(diào)用執(zhí)行的用法
- JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法
- javascript中SetInterval與setTimeout的定時(shí)器用法
- JavaScript定時(shí)器setTimeout()和setInterval()詳解
- js中的setInterval和setTimeout使用實(shí)例
- Javascript對(duì)象中關(guān)于setTimeout和setInterval的this介紹
- JavaScript setTimeout和setInterval的使用方法 說(shuō)明
- JavaScript?setTimeout和setInterval的用法與區(qū)別詳解
相關(guān)文章
在Javascript中處理數(shù)組之toSource()方法的使用
這篇文章主要介紹了在Javascript中處理數(shù)組之toSource()方法的使用,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06簡(jiǎn)單的ajax連接庫(kù)分享(不用jquery的ajax)
自己寫(xiě)了一個(gè)簡(jiǎn)單的ajax連接庫(kù),沒(méi)有使用jquery的ajax,這個(gè)代碼要比jquery輕量,大家參考使用吧,2014-01-01Javascript學(xué)習(xí)筆記之函數(shù)篇(六) : 作用域與命名空間
本文主要講述了javascript中作用域和命名空間的區(qū)別,十分的詳細(xì),這里推薦給大家,希望小伙伴能有所收獲2014-11-11可簡(jiǎn)單避免的三個(gè)JS發(fā)布錯(cuò)誤的詳細(xì)介紹
這篇文章詳細(xì)介紹了可簡(jiǎn)單避免的三個(gè)JS發(fā)布錯(cuò)誤,有需要的朋友可以參考一下2013-08-08深入理解JavaScript系列(39):設(shè)計(jì)模式之適配器模式詳解
這篇文章主要介紹了深入理解JavaScript系列(39):設(shè)計(jì)模式之適配器模式詳解,適配器模式(Adapter)是將一個(gè)類(lèi)(對(duì)象)的接口(方法或?qū)傩裕┺D(zhuǎn)化成客戶(hù)希望的另外一個(gè)接口(方法或?qū)傩裕?需要的朋友可以參考下2015-03-03JavaScript中的Math.atan2()方法使用詳解
這篇文章主要介紹了JavaScript中的Math.atan2()方法使用詳解,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06javascript中判斷一個(gè)值是否在數(shù)組中并沒(méi)有直接使用
在JS中要判斷一個(gè)值是否在數(shù)組中并沒(méi)有函數(shù)直接使用,如PHP中就有in_array()這個(gè)函數(shù),可以寫(xiě)一個(gè)類(lèi)似in_array()函數(shù)功能的方法2012-12-12