解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码


Posted in Javascript onMay 28, 2011

var ie = !-[1,];

    这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。在这个例子中代码执行时会先调用数组的toString()方法 ,执行[1,].toString()在IE6,7,8中将会得到“1,”。然后表达式就变为!-“1,”。再尝试把“1,”转换成数值类型得到NaN ,再对NaN取负得到值仍为NaN。最后执行!NaN返回true。下面通过分解这个语句来回顾下代码中所涉及到的javascript知识:

浏览器的数组字面量解析差异

     [1,]表示使用javascript的数组字面量定义了一个数组。 在IE6,7,8中数组有两个元素,数组中的值分别为1,undefined。在标准的浏览器中会忽略第一个元素后的undefined,数组只包含一个元素1。

数组的toString()方法

    调用数组对象的toString()方法时会对数组中的每个元素调用toString()方法,如果元素的值为NULL或者undefined时会返回空的字符串,然后将得到的每项的值拼成一个使用 逗号“,”分隔的字符串。

 一元减号运算符  

  使用一元减号运算符时如果运算数是数值类型则直接对运算数取负,否则会先尝试把运算数转换为数值类型,转换过程相当于执行Number函数,然后再对得到的结果取负。 

逻辑非运算

    执行逻辑非运算时如果操作数为NaN、NULL或undefined 时返回 true。

通过上面的知识可以得出代码 var ie = !-[1,]; 其实等价于 var ie = !(-Number([1,].toString())); 在IE6\7\8中值为true。如分析的有什么不对的地方或者有什么不同意见欢迎指正!

Javascript 相关文章推荐
用JavaScript调用WebService的示例
Apr 07 Javascript
javascript+xml技术实现分页浏览
Jul 27 Javascript
基于jquery的下拉框改变动态添加和删除表格实现代码
Sep 12 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
Mar 10 Javascript
JQuery异步加载无限下拉框级联功能实现示例
Feb 19 Javascript
JS跨域问题详解
Nov 25 Javascript
JQuery+CSS实现图片上放置按钮的方法
May 29 Javascript
微信小程序入门教程
Nov 18 Javascript
详解ECharts使用心得总结
Dec 06 Javascript
Node.js搭建WEB服务器的示例代码
Aug 15 Javascript
JavaScript实现图片放大预览效果
Nov 02 Javascript
keep-alive保持组件状态的方法
Dec 02 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
May 28 #Javascript
最新28个很棒的jQuery 教程
May 28 #Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
May 28 #Javascript
真正的JQuery.ajax传递中文参数的解决方法
May 28 #Javascript
jquery 图片上传按比例预览插件集合
May 28 #Javascript
使用jquery实现select添加实现后台权限添加的效果
May 28 #Javascript
jQuery 源码分析笔记(2) 变量列表
May 28 #Javascript
You might like
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
PHP简单实现上一页下一页功能示例
2016/09/14 PHP
php依赖注入知识点详解
2019/09/23 PHP
jQuery怎么解析Json字符串(Json格式/Json对象)
2013/08/09 Javascript
js和jquery中循环的退出和继续学习记录
2014/09/06 Javascript
js实现网页抽奖实例
2015/08/05 Javascript
jQuery实现多级下拉菜单jDropMenu的方法
2015/08/28 Javascript
Node.js读写文件之批量替换图片的实现方法
2016/09/07 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
2018/07/24 Javascript
keep-alive不能缓存多层级路由菜单问题解决
2020/03/10 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
[02:57]DOTA2英雄基础教程 风行者
2014/01/16 DOTA
python logging类库使用例子
2014/11/22 Python
python自动格式化json文件的方法
2015/03/11 Python
python开发环境PyScripter中文乱码问题解决方案
2016/09/11 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
使用Python批量修改文件名的代码实例
2019/01/24 Python
Django中多种重定向方法使用详解
2019/07/17 Python
在Python中等距取出一个数组其中n个数的实现方式
2019/11/27 Python
借助Paramiko通过Python实现linux远程登陆及sftp的操作
2020/03/16 Python
python db类用法说明
2020/07/07 Python
Python实例方法、类方法、静态方法区别详解
2020/09/05 Python
如何使用scrapy中的ItemLoader提取数据
2020/09/30 Python
css3 中实现炫酷的loading效果
2019/04/26 HTML / CSS
推荐10个CSS3 制作的创意下拉菜单效果
2014/02/11 HTML / CSS
施华洛世奇韩国官网:SWAROVSKI韩国
2018/06/05 全球购物
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
任命书范本大全
2014/06/06 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
2015年科室工作总结
2015/04/10 职场文书
2016猴年春节慰问信
2015/11/30 职场文书
Ajax请求超时与网络异常处理图文详解
2021/05/23 Javascript
MySQL系列之七 MySQL存储引擎
2021/07/02 MySQL
详细了解java监听器和过滤器
2021/07/09 Java/Android
Python采集股票数据并制作可视化柱状图
2022/04/04 Python