複製代碼 代碼如下:
setTimeout(function(obj){
alert(obj.a);
}, 2000, {a:1});
即傳了第三個參數,第三個參數將作為回呼函數的參數obj傳入。在非IE瀏覽器中都彈出了1。這樣有個好處,即解決了回呼函數的執行內容,比如要調用某個對象的某個方法,即可以通過參數把該對象傳進去。
複製代碼 代碼如下:
setTimeout(function(obj){
obj.method();
}, 2000, obj);
當然,你還可以傳多個參數給回呼函數,如下
複製代碼 代碼如下:
setTimeout(function(a, b){
alert(a);
alert(b);
}, 2000, 1,2);
這次我們傳了兩個參數1,2給回呼函數,Firefox/Safari/Chrome/Opera中依次彈出了1,2。只要你願意還可以傳更多。
雖然除了IE不支援第三個參數外,但Firefox和Safari/Chrome/Opera之間還是有區別的
複製代碼 代碼如下:
setTimeout(function(){
alert(arguments.length);
}, 2000, 1,2);
傳了兩個參數1,2給回呼函數,然後alert出實參的長度
Firefox : 3
Safari/Chrome/Opera : 2
奇怪吧,明明傳的是兩個參數,但Firefox中彈出的卻是3。如果輸出第三個參數會發現它是一個數字,有時還是負數。
關:
http://www.w3.org/TR/Window/
https://developer.mozilla.org/en/DOM/window.setTimeout
http://msdn.microsoft.com/en-us/library/ms536753%28v=vs.85%29.aspx
//解決IE下setTimeout傳參數的bug
複製代碼 代碼如下:
//解決IE下setTimeout傳參數的bug
if(!+[1,]) {
(function(overrideFun){
window.setTimeout = overrideFun(window.setTimeout);
window.setInterval = overrideFun(window.setInterval);
})(
function(originalFun){
return function(code, delay){
var args = [].slice.call(arguments, 2);
return originalFun(
function(){
if (typeof code == 'string') {
eval(code);
}
else {
code.apply(this, args);
}
},
delay
)
}
}
);
}