精解window.setTimeout()&window.setInterval()使用方式與參數傳遞問題！

2019-11-21 01:52:13

字體：大中小

來源：轉載

供稿：網友

在使用JScript的時候，我們有時需要間隔的執行一個方法，比如用來產生網頁UI動畫特效啥的。這是我們常常會使用方法setInterval或setTimeout，但是由于這兩個方法是由腳本宿主模擬出來的Timer線程，在通過其調用我們的方法是不能為其傳遞參數。

我們常用的使用場景是：

復制代碼代碼如下:

window.setTimeout("delayRun()", n);  
window.setInterval("intervalRun()", n);  
window.setTimeout(delayRun, n);  
window.setInterval(intervalRun, n); 

顯然強行代參數的調用： window.setTimeout("delayRun(param)", n);

復制代碼代碼如下:

window.setInterval("intervalRun(param)", n);  
window.setTimeout(delayRun(param), n);  
window.setInterval(intervalRun(param), n); 

都是錯誤的，因為string literals形式的方法調用，param必須是全局變量(即window對象上的變量)才行；而function pointer形式的調用，完全錯誤了，這是把函數的返回值當成了setTimeout/setInterval函數的參數了，完全不是我們所望的事情。

解決這個問題的辦法可以使用匿名函數包裝的方式，在以下scenario中我們這么做：

復制代碼代碼如下:

function foo()  
{  
    var param = 100;  
    window.setInterval(function()  
    {  
        intervalRun(param);  
    }, 888);  
}  

function interalRun(times)  
{  
    // todo: depend on times parameter  
} 

這樣一來，就可以不再依賴于全局變量向delayRun/intervalRun函數中傳遞參數，畢竟當頁面中的全局變量多了以后，會給腳本的開發、調試和管理等帶來極大的puzzle。

上一篇：用javascript實現的電信鐵通（網通）自動跳轉源代碼

下一篇：document.designMode的功能與使用方法介紹