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

wait.發表於2018-10-24
JavaScript定時器

備註：先記下，以後整理：

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(){ //前端全棧交流學習圈：866109386
hello(_name); //面相1-3年經驗前端開發人員
}       //幫助突破技術瓶頸，提升思維能力
} 
window.setTimeout(_hello(userName),3000); 
//此處也可以寫為window.setTimeout( function(){return hello(userName)}, 3000); 
//就不用再定義function _hello() 
//--> 
</script> 

複製程式碼

這裡定義了一個函式_hello,用於接收一個引數,並返回一個不帶引數的函式,在這個函式內部使用了外部函式的引數,從而對其呼叫,不需要使用引數.在window.setTimeout函式中,使用_hello(userName)來返回一個不帶引數的函式控制程式碼,從而實現了引數傳遞的功能.

相關文章