javascript中的各種問題

風靈使發表於2018-05-09

無論是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)來返回一個不帶引數的函式控制程式碼,從而實現了引數傳遞的功能。
另外也有人通過修改settimeoutsetInterval來實現。即下面的
方法三:

<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);
//-->

相關文章