最短的IE判断var ie=!-1,分析 _睿知

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

文章插图
仅仅需要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引擎会自动剔除它。

文章插图
这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。在这个例子中代码执行时会先调用数组的toString()方法，执行[1,].toString()在IE6,7,8中将会得到"1," 。然后表达式就变为!-"1," 。再尝试把"1，"转换成数值类型得到NaN ,再对NaN取负得到值仍为NaN 。最后执行!NaN返回true 。下面通过分解这个语句来回顾下代码中所涉及到的javascript知识：
1. 浏览器的数组字面量解析差异
[1,]表示使用javascript的数组字面量定义了一个数组。在IE6,7,8中数组有两个元素，数组中的值分别为1，undefined 。在标准的浏览器中会忽略第一个元素后的undefined，数组只包含一个元素1 。
2. 数组的toString()方法
调用数组对象的toString()方法时会对数组中的每个元素调用toString()方法，如果元素的值为NULL或者undefined时会返回空的字符串，然后将得到的每项的值拼成一个使用逗号","分隔的字符串。
3. 一元减号运算符
【最短的IE判断var ie=!-1,分析】使用一元减号运算符时如果运算数是数值类型则直接对运算数取负，否则会先尝试把运算数转换为数值类型，转换过程相当于执行Number函数，然后再对得到的结果取负。
4. 逻辑非运算
执行逻辑非运算时如果操作数为NaN、NULL或undefined 时返回 true 。
JavaScript可以这么写：

文章插图
如果从非IE的角度判定，可以省一个比特，因为我们做兼容时，绝大多数情况都是IE与非IE地开工。var notIE = -[1,];

文章插图
通过上面的知识可以得出代码 var ie = !-[1,]; 其实等价于 var ie = !(-Number([1,].toString())); 在IE68中值为true 。
因为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" 。
最近发现有朋友这样使用用来提示用户升级浏览器