最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:01:58
文档

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

判断对象是否Window的实现代码_jquery:直入正题吧. 先看jQuery的$.isWindow函数: 代码如下: function isWin(obj){ return obj && typeof obj === 'object' && 'setInterval' in obj; } 这个函数本身是很科学的, 它主要是通过检查目标对象是否拥有setInterval属性来判断. 然而
推荐度:
导读判断对象是否Window的实现代码_jquery:直入正题吧. 先看jQuery的$.isWindow函数: 代码如下: function isWin(obj){ return obj && typeof obj === 'object' && 'setInterval' in obj; } 这个函数本身是很科学的, 它主要是通过检查目标对象是否拥有setInterval属性来判断. 然而


直入正题吧.
先看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;
}

文档

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

判断对象是否Window的实现代码_jquery:直入正题吧. 先看jQuery的$.isWindow函数: 代码如下: function isWin(obj){ return obj && typeof obj === 'object' && 'setInterval' in obj; } 这个函数本身是很科学的, 它主要是通过检查目标对象是否拥有setInterval属性来判断. 然而
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top