解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码_javascript技巧
这句代码在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。如分析的有什么不对的地方或者有什么不同意见欢迎指正!
推荐阅读
-
IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧
-
IE下通过JS控制剪贴板的代码_javascript技巧
-
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]_javascript技巧
-
js判断IE6/IE7/FF的代码[XMLHttpRequest]_javascript技巧
-
IE下通过JS控制剪贴板的代码_javascript技巧
-
用IE重起计算机或者关机的示例代码_javascript技巧
-
JS 获取span标签中的值的代码 支持ie与firefox_javascript技巧
-
IE php关于强制下载文件的代码_javascript技巧
-
用JS判断IE版本的代码 超管用!_javascript技巧
-
在光标处插入字符串的实现代码 兼容IE,Firefox_javascript技巧