轉自:恒星設計? URL = http://www.bjcan.com/hengxing/more.asp?lb=94
在使用JScript的時候,我們有時需要間隔的執(zhí)行一個方法,比如用來產生網頁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函數中傳遞參數,畢竟當頁面中的全局變量多了以后,會給腳本的開發(fā)、調試和管理等帶來極大的puzzle。