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

以前最短的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())); 在IE6\7\8中值為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"。

?

http://www.yangzblog.com/javascript/isie.html

轉載于:https://www.cnblogs.com/studynote/articles/3487422.html

總結

以上是生活随笔為你收集整理的[转载]判断IE浏览器-世界上最短的代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。