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