js定時器調用參數的方法

var userName="Tony";

//根據用戶名顯示歡迎信息
function ss(_name){
alert("ss,"+_name);
}

使用字符串形式可以達到想要的結果:
window.setTimeout("ss(userName)",3000);
這里的字符串是一段JavaScript 代碼,其中的userName 表示的是變量.但這種寫法不夠直觀,而且有些場合必須使用函數名

<script language="JavaScript" type="text/ javascript">
<!--
var userName="jack";
//根據用戶名顯示歡迎信息
function ss(_name){
alert("ss,"+_name);
}
//創建一個函數,用於返回一個無參數函數
function _ss(_name){
return function(){
ss(_name);
}
}
window.setTimeout(_ss(userName),3000);
//此處也可以寫為window.setTimeout( function(){return ss(userName)}, 3000);
//就不用再定義function _ss()
//-->
</script>

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

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