如何使用定時器settimeout、setInterval執行能傳遞參數的函數(轉)


無論是window.setTimeout還是window.setInterval,在使用函數名作為調用句柄時都不能帶參數,而在許多場合必須要帶參數,這就需要想方法解決。經網上查詢后整理如下:

例如對於函數hello(_name),它用於針對用戶名顯示歡

迎信息:
var userName="jack";
//根據用戶名顯示歡迎信息
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);
//-->
</script>
這里定義了一個函數_hello,用於接收一個參數,並返回一個不帶參數的函數,在這個函數內部使用了外部函數的參數,從而對其調用,不需要使用參數。在 window.setTimeout函數中,使用_hello(userName)來返回一個不帶參數的函數句柄,從而實現了參數傳遞的功能。

另外也有人通過修改settimeout、setInterval來實現。即下面的

方法三:

<script language="JavaScript" type="text/javascript">
<!--
var userName="jack";
//根據用戶名顯示歡迎信息
function hello(_name){
       alert("hello,"+_name);
}//*=============================================================
//*   功能: 修改 window.setInterval ,使之可以傳遞參數和對象參數   
//*   方法: setInterval (回調函數,時間,參數1,,參數n)  參數可為對象:如數組等
//*============================================================= 

var __sto = setInterval;    
window.setInterval = function(callback,timeout,param){    
    var args = Array.prototype.slice.call(arguments,2);    
    var _cb = function(){    
        callback.apply(null,args);    
    }    
    __sto(_cb,timeout);    
}
window.setInterval(hello,3000,userName);
//-->


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM