僅IE不支持setTimeout/setInterval函數(shù)的第三個以上參數(shù)
更新時間：2011年05月25日 21:17:51 作者：
setTimeout/setInterval，這兩個函數(shù)相信前端開發(fā)同學(xué)都很熟悉。它們在非IE(6-9)瀏覽器中還可以如下使用
復(fù)制代碼 代碼如下:
setTimeout(function(obj){
alert(obj.a);
}, 2000, {a:1});
即傳了第三個參數(shù)，第三個參數(shù)將作為回調(diào)函數(shù)的參數(shù)obj傳入。在非IE瀏覽器中都彈出了1。這樣有個好處，即解決了回調(diào)函數(shù)的執(zhí)行上下文，比如要調(diào)用某個對象的某個方法，即可以通過參數(shù)把該對象傳進(jìn)去。
復(fù)制代碼 代碼如下:
setTimeout(function(obj){
obj.method();
}, 2000, obj);
當(dāng)然，你還可以傳多個參數(shù)給回調(diào)函數(shù)，如下
復(fù)制代碼 代碼如下:
setTimeout(function(a, b){
alert(a);
alert(b);
}, 2000, 1,2);
這次我們傳了兩個參數(shù)1,2給回調(diào)函數(shù)，F(xiàn)irefox/Safari/Chrome/Opera中依次彈出了1,2。只要你愿意還可以傳更多。
雖然除了IE不支持第三個參數(shù)外，但Firefox和Safari/Chrome/Opera之間還是有區(qū)別的
復(fù)制代碼 代碼如下:
setTimeout(function(){
alert(arguments.length);
}, 2000, 1,2);
傳了兩個參數(shù)1,2給回調(diào)函數(shù)，然后alert出實參的長度
Firefox : 3
Safari/Chrome/Opera : 2
奇怪吧，明明傳的是兩個參數(shù)，但Firefox中彈出的卻是3。如果輸出第三個參數(shù)會發(fā)現(xiàn)它是一個數(shù)字，有時還是負(fù)數(shù)。
關(guān)：
https://developer.mozilla.org/en/DOM/window.setTimeout
http://msdn.microsoft.com/en-us/library/ms536753%28v=vs.85%29.aspx
//解決IE下setTimeout傳參數(shù)的bug
復(fù)制代碼 代碼如下:
//解決IE下setTimeout傳參數(shù)的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
)
}
}
);
}
相關(guān)文章
array.prototype.silce.call 理解分析
在很多框架中與遇到這個方法，但一時沒去研究這個方法，只要前段時間被問到，尷尬無奈收場。所以學(xué)習(xí)就要追根究底的精神，廢話少說，說正題。2010-04-04
郵箱發(fā)送是我們常見的一個服務(wù),本篇文章帶大家用nestjs來實現(xiàn)一下,文中有詳細(xì)的代碼示例和圖文講解,對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-10-10
TypeScript聯(lián)合類型,交叉類型和類型保護(hù)
這篇文章主要介紹了TypeScript聯(lián)合類型,交叉類型和類型保護(hù)，聯(lián)合類型就是定義一些類型，定義的變量只需要滿足任意一種類型即可，交叉類型就是需要滿足所有類型，交叉類型使用，更多內(nèi)容我們來看看下面文章詳細(xì)內(nèi)容吧2021-12-12
這篇文章主要介紹了antd項目如何實現(xiàn)彩蛋效果,首先在components目錄下創(chuàng)建Transform目錄，包括index.css、index.js，index.js是主要的邏輯代碼，下面對代碼進(jìn)行分析，需要的朋友可以參考下2022-09-09
javascript的繼承在很多框架中都有運用，尤其是原型式繼承。首先要理解一個概念，什么是原型式繼承？所謂的原型式繼承，就是在函數(shù)內(nèi)部先創(chuàng)建一個臨時性的構(gòu)造函數(shù)，然后將傳入的對象做這個構(gòu)造函數(shù)的原型，最后返回這個臨時類型的新實例2012-07-07
本節(jié)主要介紹了用js判斷日期是否能跨月查詢,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了JavaScript中計算網(wǎng)頁中某個元素的位置,本文先是講解了一些必要的知識和實現(xiàn)難點,然后給出實現(xiàn)代碼,需要的朋友可以參考下2015-06-06
JavaScript使用箭頭函數(shù)實現(xiàn)優(yōu)化代碼
在JavaScript的編程世界里,我們時常被普通函數(shù)的冗長寫法所困擾,每次都需要寫function關(guān)鍵字,有時候還要明確地寫return語句,下面我們就來看看如何利用箭頭函數(shù)優(yōu)化這些繁瑣的代碼吧2023-11-11
Echart結(jié)合圓形實現(xiàn)儀表盤的繪制詳解
EChart開源來自百度商業(yè)前端數(shù)據(jù)可視化團(tuán)隊，基于html5?Canvas，是一個純Javascript圖表庫，提供直觀，生動，可交互，可個性化定制的數(shù)據(jù)可視化圖表。本文將利用EChart實現(xiàn)儀表盤的繪制，感興趣的可以學(xué)習(xí)一下2022-03-03
Bootstrap優(yōu)化站點資源、響應(yīng)式圖片、傳送帶使用詳解3
這篇文章主要介紹了Bootstrap優(yōu)化站點資源、完成響應(yīng)式圖片、讓傳送帶支持手勢的相關(guān)知識,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10