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