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

 更新时间:2011年05月28日 01:33:26   作者:  
这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。
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和jquery实现设置和移除文本框默认值效果代码

    javascript和jquery实现设置和移除文本框默认值效果代码

    这篇文章主要介绍了javascript和jquery实现设置和移除文本框默认值效果代码,本文实现的是类似html5 placeholder(空白提示)一种效果,需要的朋友可以参考下
    2015-01-01
  • echarts控制x轴和y轴name位置并加轴箭头代码示例

    echarts控制x轴和y轴name位置并加轴箭头代码示例

    搞数据展示,很多朋友都会用到免费的echarts,下面这篇文章主要给大家介绍了关于echarts控制x轴和y轴name位置并加轴箭头的相关资料,需要的朋友可以参考下
    2024-01-01
  • javascript实现简单打字游戏

    javascript实现简单打字游戏

    这篇文章主要为大家详细介绍了javascript实现简单打字游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • 微信小程序实现获取准确的腾讯定位地址功能示例

    微信小程序实现获取准确的腾讯定位地址功能示例

    这篇文章主要介绍了微信小程序实现获取准确的腾讯定位地址功能,结合实例形式详细分析了微信小程序使用腾讯地理位置接口的相关注册、操作步骤及接口使用技巧,需要的朋友可以参考下
    2019-03-03
  • JavaScript中的对象的extensible属性介绍

    JavaScript中的对象的extensible属性介绍

    这篇文章主要介绍了JavaScript中的对象的extensible属性介绍,JavaScript中,对象的extensible属性用于表示是否允许在对象中动态添加新的property,需要的朋友可以参考下
    2014-12-12
  • Js与Jq获取浏览器和对象值的方法

    Js与Jq获取浏览器和对象值的方法

    这篇文章主要介绍了 Js与Jq获取浏览器和对象值的方法的相关资料,需要的朋友可以参考下
    2016-03-03
  • JavaScript实现仿淘宝商品购买数量的增减效果

    JavaScript实现仿淘宝商品购买数量的增减效果

    最近接了个项目,要开发一个地方的O2O租书项目,使用的是asp.net mvc技术,其中咋图书详情页,用户可以输入借阅的数量,器实现此功能的方法是使用了js来控制数量的增减和校验,对js实现商品数量的增减功能感兴趣的朋友一起学习吧
    2016-01-01
  • js判断游览器类型及版本号的代码

    js判断游览器类型及版本号的代码

    今天分析一下, 终于找到原因. 旧版本的js文件写的浏览器判断有异常, 所以导致插入点一直在头部. 今天修复之
    2014-05-05
  • JavaScript实现简单的隐藏式侧边栏功能示例

    JavaScript实现简单的隐藏式侧边栏功能示例

    这篇文章主要介绍了JavaScript实现简单的隐藏式侧边栏功能,涉及javascript结合定时器针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2018-08-08
  • Cocos2d实现刮刮卡效果

    Cocos2d实现刮刮卡效果

    这篇文章主要为大家详细介绍了Cocos2d实现刮刮卡效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12

最新评论