搜索登录注册
×

热门关键词：Web前端|前端开发|HTML5|CSS3|jQuery|CSS3动画

判断对象是否Window的实现代码

作者：Terry2017.02.16来源：Web前端之家浏览：6999评论:0
关键词：JQueryJS
直入正题吧.
先看JQuery的$.iswindow函数:

复制代码 代码如下:

function isWin(obj){
return obj && typeof obj === 'Object' && 'SetInterval' in obj;
}

这个函数本身是很科学的, 它主要是通过检查目标对象是否拥有setInterval属性来判断.
然而问题在于, 在缺少约定的情况下, 它也许并不太可靠, 比如:

复制代码 代码如下:

var o={xx:'oo'};
o['setinterval']=true;
console.log( isWin(o) ); // true

上例通过给对象字面量添加setinterval属性, 欺诈成功.
而事实上, 任何一个非null的Object都可以如此伪装, 比如数组:

复制代码 代码如下:

var arr=[1,2,3];
arr['setinterval']=true;
console.log( isWin(arr) ); // true

相比上面的属性属性检查, 一个更为妥善的方法是使用对象的toString函数来判断:

复制代码 代码如下:

function isWin(obj){
return Object.prototype.tostring.call(obj)==='[object Window]'
}

以上函数在标准浏览器中妥妥的, 但同时又带来了新的兼容问题:

复制代码 代码如下:

// IE6-8中的结果
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

果然, 主要的问题又是来自万恶的ie们. 所幸天无绝人之路, 这又让我想起了IE中的一个灵异事件:

复制代码 代码如下:

// 下面两行, 信不信?
console.log( window==document ); // true
console.log( document==window ); // false

写到这里, 我想最终的解决方案已经出来了:

复制代码 代码如下:

function isWin(obj){
return/Window|global/.test({}.toString.call(obj))||obj==obj.document&&obj.document!=obj;
}

赏您的支持是我们创作的动力！
温馨提示：本文作者系Terry ，经Web前端之家编辑修改或补充，转载请注明出处和本文链接：
https://jiangweishan.com/article/svg1487174400820.html

网友评论文明上网理性发言已有0人参与

发表评论:

相关文章