首頁  >  文章  >  web前端  >  Javascript 定時器呼叫傳遞參數的方法

Javascript 定時器呼叫傳遞參數的方法

yulia
yulia原創
2018-09-08 16:58:061753瀏覽

Javascript 定時器呼叫傳遞參數的方法,需要的朋友可以參考下。

無論是window.setTimeout 或window.setInterval,在使用函數名稱作為呼叫句柄時都不能帶參數,而在許多場合必需要帶參數,這就需要想方法解決.
例如對於函數hello(_name),它用於針對用戶名顯示歡迎訊息:

複製程式碼代碼如下:

var userName="Tony"; 
//根据用户名显示欢迎信息 
function hello(_name){ 
alert("hello,"+_name); 
}

這時,如果企圖使用以下語句來使hello函數延遲3 秒執行是不可行的:
window.setTimeout(hello(userName),3000);
這將使hello函數立即執行,並將返回值作為調用句柄傳遞給setTimeout 函數,其結果並不是程式需要的.而使用字串形式可以達到想要的結果:
window.setTimeout("hello(userName)",3000);
這裡的字串是一段JavaScript 程式碼,其中的userName 表示的是變數.但這種寫法不夠直觀,而且有些場合必須使用函數名,下面用一個小技巧來實現帶參數函數的調用:

#複製代碼代碼如下:

<script language="JavaScript" type="text/javascript"> 
<!-- 
var userName="jack"; 
//根据用户名显示欢迎信息 
function hello(_name){ 
alert("hello,"+_name); 
} 
//创建一个函数,用于返回一个无参数函数 
function _hello(_name){ 
return function(){ 
hello(_name); 
} 
} 
window.setTimeout(_hello(userName),3000); 
//此处也可以写为window.setTimeout( function(){return hello(userName)}, 3000); 
//就不用再定义function _hello() 
//--> 
</script>

這裡定義了一個函數_hello,用於接收一個參數,並返回一個不帶參數的函數,在這個函數內部使用了外部函數的參數,從而對其調用,不需要使用參數.在window.setTimeout函數中,使用_hello (userName)來傳回一個沒有參數的函數句柄,從而實現了參數傳遞的功能.

 

以上是Javascript 定時器呼叫傳遞參數的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn