世界上最短的代码,最短的IE判定代码

var ie = !-[1,];

最短的IE判定var ie=!-[1,]分析

 var ie = !-[1,];

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

以前最短的IE判定借助于IE不支持垂直制表符的特性搞出来的。

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

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

var ie = !+”\v1″;仅仅需要7bytes!参见这篇文章,《32 bytes, ehr … 9,
ehr … 7!!! to know if your browser is
IE》,讲述外国人是如何把IE的判定从32 bytes一步步缩简成7 bytes!的故事
但这纪录今年1月8日被一个俄国人打破了,现在只要6
bytes!它利用了IE与标准浏览器在处理数组的toString方法的差异做成的。对于标准游览器,如果数组里面最后一个字符为逗号,JS引擎会自动剔除它。

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

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

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

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

数组的toString()方法

分解这个语句来回顾下代码中所涉及到的javascript知识:
1. 浏览器的数组字面量解析差异
[1,]表示使用javascript的数组字面量定义了一个数组。
在IE6,7,8中数组有两个元素,数组中的值分别为1,undefined。在标准的浏览器中会忽略第一个元素后的undefined,数组只包含一个元素1。

数组的toString()方法

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

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

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

 一元减号运算符  

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

 一元减号运算符  

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

4. 逻辑非运算
执行逻辑非运算时如果操作数为NaN、NULL或undefined 时返回 true。
JavaScript可以这么写:
var ie = !-[1,];      alert(ie);
 如果从非IE的角度判定,可以省一个比特,因为我们做兼容时,绝大多数情况都是IE与非IE地开工。
var notIE = -[1,];
if(-[1,]){       alert(“这不是IE浏览器!”);  }else{      
alert(“这是IE浏览器!”);  }通过上面的知识可以得出代码 var ie = !-[1,];
其实等价于 var ie = !(-Number([1,].toString()));
在IE6\7\8中值为true。

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

逻辑非运算

因为IE6/7/8都不会忽略[1,].ToString()这个bug,即得到的是”1,”;而-Number([1,].toString())即为-Number(“1,”)得到的结果是NaN;然后!(-Number([1,].toString()))即为!(NaN)即得到true。一切的前提是IE6/7/8都有[1,].ToString()=>”1,”这个bug,而其它浏览器(应该是大部分吧~~)则是[1,].ToString()=>”1″。

逻辑非运算

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

 

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

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

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

您可能感兴趣的文章:

  • JScript中的”var”定义变量的作用域
  • Javascript中的var_dump函数实现代码
  • var与Javascript变量隐式声明
  • Javascript
    var变量隐式声明方法
  • js
    for循环,为什么一定要加var定义i变量
  • 关于JavaScript中var声明变量作用域的推断
  • 在Javascript中
    声明时用”var”与不用”var”的区别
  • JavaScript
    var声明变量背后的原理示例解析
  • javascript定义变量时有var和没有var的区别探讨
  • JavaScript中var关键字的使用详解
  • javascript中加var和不加var的区别
    你真的懂吗

   

相关文章