下面通过分解这个语句来回顾下代码中所涉及到的javascript知识,需要的朋友可以参考下

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

 


 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引擎会自动剔除它。


var ie = !-[1,];

这句代码在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. 一元减号运算符

使用一元减号运算符时如果运算数是数值类型则直接对运算数取负,否则会先尝试把运算数转换为数值类型,转换过程相当于执行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())); 在IE678中值为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"。

最近发现有朋友这样使用用来提示用户升级浏览器

<script>!-[1,] && alert('您使用的是 IE6-8 版本的浏览器,nn建议用 Chrome, Firefox, IE9+ 浏览!');</script>
最新资讯
Angelababy,Papi酱以及背后的资本秘密

Angelababy,Papi酱以及

短短五年时间,依靠一个男人两个女人,泰洋川禾踏准节奏成
泰国最大移动运营商:华为进入该公司5G网络建设竞标名单

泰国最大移动运营商:华

7月14日,泰国最大的移动运营商Advanced Info Service P
揭秘直播带货局中局:商家想借直播大卖,结果很受伤

揭秘直播带货局中局:商

近日,多名明星直播带货“翻车”,被曝出收取了高额费用后
国美App上架京东自营百货 由京东提供物流和售后服务

国美App上架京东自营

新浪科技获悉,京东自营百货商品开始陆续上架国美App,未
数字经济提速 我国力推在线教育等15种新业态新模式

数字经济提速 我国力

在线教育、“虚拟”产业园、新个体经济、共享生产……
科学好故事 | 遍布宇宙的无形磁场

科学好故事 | 遍布宇

天文学家发现,磁场遍布宇宙的大部分区域,如果这些磁场可
最新文章
Vue实现图片与文字混输效果

Vue实现图片与文字混

用多了 JQuery ,习惯了使用JQuery的API操作 DOM ,几乎忘
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

Vue实现点击当前元素

这篇文章主要介绍了Vue实现点击当前元素以外的地方隐
Vue实现验证码功能

Vue实现验证码功能

这篇文章主要为大家详细介绍了Vue实现验证码功能,文中
JS实现的雪花飘落特效示例

JS实现的雪花飘落特效

这篇文章主要介绍了JS实现的雪花飘落特效,结合实例形
微信小程序实现图片压缩

微信小程序实现图片压

这篇文章主要为大家详细介绍了微信小程序实现图片压缩
JavaScript实现京东放大镜效果

JavaScript实现京东放

这篇文章主要为大家详细介绍了JavaScript实现京东放大