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)來返回一個不帶參數的函數句柄,從而實現了參數傳遞的功能.