Javascript 定時(shí)器調(diào)用傳遞參數(shù)的方法
更新時(shí)間：2009年11月12日 19:01:16 作者：
Javascript 定時(shí)器調(diào)用傳遞參數(shù)的方法，需要的朋友可以參考下。
無(wú)論是window.setTimeout 還是window.setInterval,在使用函數(shù)名作為調(diào)用句柄時(shí)都不能帶參數(shù),而在許多場(chǎng)合必需要帶參數(shù),這就需要想方法解決.
例如對(duì)于函數(shù)hello(_name),它用于針對(duì)用戶名顯示歡迎信息:
var userName="Tony";
//根據(jù)用戶名顯示歡迎信息
function hello(_name){
alert("hello,"+_name);
}
這時(shí),如果企圖使用以下語(yǔ)句來(lái)使hello函數(shù)延遲3 秒執(zhí)行是不可行的:
window.setTimeout(hello(userName),3000);
這將使hello函數(shù)立即執(zhí)行,并將返回值作為調(diào)用句柄傳遞給setTimeout 函數(shù),其結(jié)果并不是程序需要的.而使用字符串形式可以達(dá)到想要的結(jié)果:
window.setTimeout("hello(userName)",3000);
這里的字符串是一段JavaScript 代碼,其中的userName 表示的是變量.但這種寫(xiě)法不夠直觀,而且有些場(chǎng)合必須使用函數(shù)名,下面用一個(gè)小技巧來(lái)實(shí)現(xiàn)帶參數(shù)函數(shù)的調(diào)用:
<script language="JavaScript" type="text/javascript">
<!--
var userName="jack";
//根據(jù)用戶名顯示歡迎信息
function hello(_name){
alert("hello,"+_name);
}
//創(chuàng)建一個(gè)函數(shù),用于返回一個(gè)無(wú)參數(shù)函數(shù)
function _hello(_name){
return function(){
hello(_name);
}
}
window.setTimeout(_hello(userName),3000);
//此處也可以寫(xiě)為window.setTimeout( function(){return hello(userName)}, 3000);
//就不用再定義function _hello()
//-->
</script>
這里定義了一個(gè)函數(shù)_hello,用于接收一個(gè)參數(shù),并返回一個(gè)不帶參數(shù)的函數(shù),在這個(gè)函數(shù)內(nèi)部使用了外部函數(shù)的參數(shù),從而對(duì)其調(diào)用,不需要使用參數(shù).在window.setTimeout函數(shù)中,使用_hello(userName)來(lái)返回一個(gè)不帶參數(shù)的函數(shù)句柄,從而實(shí)現(xiàn)了參數(shù)傳遞的功能.
例如對(duì)于函數(shù)hello(_name),它用于針對(duì)用戶名顯示歡迎信息:
復(fù)制代碼 代碼如下:
var userName="Tony";
//根據(jù)用戶名顯示歡迎信息
function hello(_name){
alert("hello,"+_name);
}
這時(shí),如果企圖使用以下語(yǔ)句來(lái)使hello函數(shù)延遲3 秒執(zhí)行是不可行的:
window.setTimeout(hello(userName),3000);
這將使hello函數(shù)立即執(zhí)行,并將返回值作為調(diào)用句柄傳遞給setTimeout 函數(shù),其結(jié)果并不是程序需要的.而使用字符串形式可以達(dá)到想要的結(jié)果:
window.setTimeout("hello(userName)",3000);
這里的字符串是一段JavaScript 代碼,其中的userName 表示的是變量.但這種寫(xiě)法不夠直觀,而且有些場(chǎng)合必須使用函數(shù)名,下面用一個(gè)小技巧來(lái)實(shí)現(xiàn)帶參數(shù)函數(shù)的調(diào)用:
復(fù)制代碼 代碼如下:
<script language="JavaScript" type="text/javascript">
<!--
var userName="jack";
//根據(jù)用戶名顯示歡迎信息
function hello(_name){
alert("hello,"+_name);
}
//創(chuàng)建一個(gè)函數(shù),用于返回一個(gè)無(wú)參數(shù)函數(shù)
function _hello(_name){
return function(){
hello(_name);
}
}
window.setTimeout(_hello(userName),3000);
//此處也可以寫(xiě)為window.setTimeout( function(){return hello(userName)}, 3000);
//就不用再定義function _hello()
//-->
</script>
這里定義了一個(gè)函數(shù)_hello,用于接收一個(gè)參數(shù),并返回一個(gè)不帶參數(shù)的函數(shù),在這個(gè)函數(shù)內(nèi)部使用了外部函數(shù)的參數(shù),從而對(duì)其調(diào)用,不需要使用參數(shù).在window.setTimeout函數(shù)中,使用_hello(userName)來(lái)返回一個(gè)不帶參數(shù)的函數(shù)句柄,從而實(shí)現(xiàn)了參數(shù)傳遞的功能.
您可能感興趣的文章:
- js定時(shí)器的使用(實(shí)例講解)
- JavaScript定時(shí)器詳解及實(shí)例
- JavaScript暫停和繼續(xù)定時(shí)器的實(shí)現(xiàn)方法
- javascript中SetInterval與setTimeout的定時(shí)器用法
- JavaScript 定時(shí)器 SetTimeout之定時(shí)刷新窗口和關(guān)閉窗口(代碼超簡(jiǎn)單)
- 獲取焦點(diǎn)時(shí),利用js定時(shí)器設(shè)定時(shí)間執(zhí)行動(dòng)作
- js定時(shí)器實(shí)現(xiàn)倒計(jì)時(shí)效果
- JavaScript定時(shí)器和優(yōu)化的取消定時(shí)器方法
- JavaScript定時(shí)器實(shí)現(xiàn)的原理分析
- js 定時(shí)器setTimeout無(wú)法調(diào)用局部變量的解決辦法
- JavaScript定時(shí)器常見(jiàn)用法實(shí)例分析
相關(guān)文章
這篇文章主要介紹了ES6基礎(chǔ)之字符串和函數(shù)的拓展,結(jié)合實(shí)例形式分析了ES6字符串與函數(shù)擴(kuò)展的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2019-08-08
下面小編就為大家?guī)?lái)一篇深入理解js函數(shù)的作用域與this指向。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)左滑刪除效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
主要介紹了一些xml dom對(duì)象的使用方法2008-08-08
AlertBox 彈出層信息提示框效果實(shí)現(xiàn)步驟
彈出層就是相對(duì)文檔或窗口定位的一個(gè)層，一般用來(lái)顯示提示信息、廣告等內(nèi)容，還可以配合覆蓋層來(lái)鎖定頁(yè)面。2010-10-10
這篇文章主要介紹了原生js拖拽功能制作滑動(dòng)條實(shí)例教程,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
基于JS實(shí)現(xiàn)經(jīng)典的井字棋游戲
井字棋作為我們?cè)谏蠈W(xué)時(shí)代必玩的一款連珠游戲，承載了很多人的童年記憶。本文我們就用HTML、css、js來(lái)實(shí)現(xiàn)一款井字棋游戲，感興趣的可以動(dòng)手嘗試一下2022-04-04
JavaScript實(shí)現(xiàn)頁(yè)面滾動(dòng)圖片加載(仿lazyload效果)
網(wǎng)上的很多這樣的效果都是用jQuery的方法，可是如果不用jQuery的站長(zhǎng)難道就不能用這種方法了么2011-07-07
這篇文章主要介紹了Javascript如何遞歸遍歷本地文件夾，文中代碼非常細(xì)致，幫助大家更好的理解和學(xué)習(xí)JavaScript遞歸，感興趣的朋友可以了解下2020-08-08
JS數(shù)據(jù)類(lèi)型分類(lèi)及常用判斷方法
這篇文章主要介紹了JS數(shù)據(jù)類(lèi)型分類(lèi)及常用判斷方法,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11