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


Posted in Javascript onJanuary 10, 2012

直入正题吧.
先看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; 
}
Javascript 相关文章推荐
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
Dec 09 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
Sep 21 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
May 12 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
Mar 03 Javascript
jquery获取img的src值的简单实例
May 17 Javascript
jquery+CSS3实现3D拖拽相册效果
Jul 18 Javascript
Javascript实现代码折叠功能
Aug 25 Javascript
Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
Jan 20 Javascript
JavaScript、C# URL编码、解码总结
Jan 21 Javascript
利用Node.js+Koa框架实现前后端交互的方法
Feb 27 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
vue的项目如何打包上线
Apr 13 Vue.js
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
Jan 10 #Javascript
javascript中onmouse事件在div中失效问题的解决方法
Jan 09 #Javascript
jQuery 阴影插件代码分享
Jan 09 #Javascript
jquery ajax 同步异步的执行 return值不能取得的解决方案
Jan 08 #Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
Jan 08 #Javascript
分享几个超级震憾的图片特效
Jan 08 #Javascript
关于JAVASCRIPT urldecode URL解码的问题
Jan 08 #Javascript
You might like
php实现可逆加密的方法
2015/08/11 PHP
php封装的连接Mysql类及用法分析
2015/12/10 PHP
PDO::inTransaction讲解
2019/01/28 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
js 日期转换成中文格式的函数
2009/07/07 Javascript
javascript 随机展示头像实现代码
2011/12/06 Javascript
代码获取历史上的今天发生的事
2014/04/11 Javascript
关于Javascript 对象(object)的prototype
2014/05/09 Javascript
JS给Textarea文本框添加行号的方法
2015/08/20 Javascript
Jquery获取第一个子元素简单实例
2016/06/02 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
2016/09/06 Javascript
基于cookie实现zTree树刷新后展开状态不变
2017/02/28 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
说说如何在Vue.js中实现数字输入组件的方法
2019/01/08 Javascript
详解用vue2.x版本+adminLTE开源框架搭建后台应用模版
2019/03/15 Javascript
vue中使用GraphQL的实例代码
2019/11/04 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
python3+PyQt5实现使用剪贴板做复制与粘帖示例
2017/01/24 Python
详解使用 pyenv 管理多个版本 python 环境
2017/10/19 Python
python实现自动发送报警监控邮件
2018/06/21 Python
python使用pymongo操作mongo的完整步骤
2019/04/13 Python
详解用python实现基本的学生管理系统(文件存储版)(python3)
2019/04/25 Python
Python字符串、列表、元组、字典、集合的补充实例详解
2019/12/20 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
贝斯特韦斯特酒店集团官网:Best Western
2019/01/03 全球购物
英国手机零售商:Metrofone
2019/03/18 全球购物
New delete 与malloc free 的联系与区别
2013/02/04 面试题
见习期自我鉴定范文
2014/03/19 职场文书
小学假期安全广播稿
2014/09/28 职场文书
平安家庭事迹材料
2014/12/20 职场文书
大学生心理健康活动总结
2015/05/08 职场文书
惊天动地观后感
2015/06/10 职场文书
2015年教导处教学工作总结
2015/07/22 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书
解决MySQL存储时间出现不一致的问题
2021/04/28 MySQL