当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 判断对象是否Window的实现代码

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

2018年10月07日  | 移动技术网IT编程  | 我要评论
先看jquery的$.iswindow函数: 代码如下: function iswin(obj){ return obj && typeof obj === 'object&

先看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;
}

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网