判斷對(duì)象是否Window的實(shí)現(xiàn)代碼
先看jQuery的$.isWindow函數(shù):
function isWin(obj){
return obj && typeof obj === 'object' && 'setInterval' in obj;
}
這個(gè)函數(shù)本身是很科學(xué)的, 它主要是通過(guò)檢查目標(biāo)對(duì)象是否擁有setInterval屬性來(lái)判斷.
然而問(wèn)題在于, 在缺少約定的情況下, 它也許并不太可靠, 比如:
var o={xx:'oo'};
o['setInterval']=true;
console.log( isWin(o) ); // true
上例通過(guò)給對(duì)象字面量添加setInterval屬性, 欺詐成功.
而事實(shí)上, 任何一個(gè)非null的Object都可以如此偽裝, 比如數(shù)組:
var arr=[1,2,3];
arr['setInterval']=true;
console.log( isWin(arr) ); // true
相比上面的屬性屬性檢查, 一個(gè)更為妥善的方法是使用對(duì)象的toString函數(shù)來(lái)判斷:
function isWin(obj){
return Object.prototype.toString.call(obj)==='[object Window]'
}
以上函數(shù)在標(biāo)準(zhǔn)瀏覽器中妥妥的, 但同時(shí)又帶來(lái)了新的兼容問(wèn)題:
// ie6-8中的結(jié)果
Object.prototype.toString.call(window)==='[object Window]'; // false
Object.prototype.toString.call(window)==='[object Object]'; // true
// chrome
Object.prototype.toString.call(window)==='[object global]'; // true
// safari
Object.prototype.toString.call(window)==='[object DOMWindow]'; // true
果然, 主要的問(wèn)題又是來(lái)自萬(wàn)惡的ie們. 所幸天無(wú)絕人之路, 這又讓我想起了ie中的一個(gè)靈異事件:
// 下面兩行, 信不信?
console.log( window==document ); // true
console.log( document==window ); // false
寫(xiě)到這里, 我想最終的解決方案已經(jīng)出來(lái)了:
function isWin(obj){
return/Window|global/.test({}.toString.call(obj))||obj==obj.document&&obj.document!=obj;
}
相關(guān)文章
jQuery實(shí)現(xiàn)每日秒殺商品倒計(jì)時(shí)功能
這篇文章主要介紹了 jQuery實(shí)現(xiàn)每日秒殺商品倒計(jì)時(shí)功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09jquery隊(duì)列queue與原生模仿其實(shí)現(xiàn)方法分享
jquery中的queue和dequeue是一組很有用的方法,他們對(duì)于一系列需要按次序運(yùn)行的函數(shù)特別有用。特別animate動(dòng)畫(huà),ajax,以及timeout等需要一定時(shí)間的函數(shù)2014-03-03輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建樹(shù)形菜單
這篇文章主要幫助大家輕松學(xué)習(xí)jQuery插件EasyUI,EasyUI創(chuàng)建樹(shù)形菜單,內(nèi)容很豐富,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-11-11jQuery dateRangePicker插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery dateRangePicker插件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07jQuery實(shí)現(xiàn)簡(jiǎn)單的文件上傳進(jìn)度條效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的文件上傳進(jìn)度條效果,上傳文件時(shí)顯示上傳進(jìn)度條,以百分比的形式顯示上傳進(jìn)度,感興趣的小伙伴們可以參考一下2015-11-11jquery trigger函數(shù)執(zhí)行兩次的解決方法
這篇文章主要介紹了jquery trigger函數(shù)執(zhí)行兩次的解決方法,詳細(xì)分析了trigger函數(shù)執(zhí)行兩次的原因與響應(yīng)的解決技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2016-02-02淺析onsubmit校驗(yàn)表單時(shí)利用ajax的return false無(wú)效問(wèn)題
前幾天,在校驗(yàn)一個(gè)表單數(shù)據(jù)用到ajax時(shí),遇到 return false 無(wú)效問(wèn)題,以下就是對(duì)這個(gè)問(wèn)題進(jìn)行了分析介紹,需要的朋友可以參考下2013-07-07JQuery通過(guò)鍵盤(pán)控制鍵盤(pán)按下與松開(kāi)觸發(fā)事件
這篇文章主要介紹了JQuery通過(guò)鍵盤(pán)控制鍵盤(pán)按下與松開(kāi)觸發(fā)事件,文章通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08