最短的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日被一個俄國人打破了，現(xiàn)在只要6 bytes!它利用了IE與標準瀏覽器在處理數(shù)組的toString方法的差異做成的。對于標準游覽器，如果數(shù)組里面最后一個字符為逗號，JS引擎會自動剔除它。
var ie = !-[1,];
這句代碼在IE9之前曾被稱為世界上最短的IE判定代碼。代碼雖短但確包含了不少javascript基礎知識在里面。在這個例子中代碼執(zhí)行時會先調(diào)用數(shù)組的toString()方法 ，執(zhí)行[1,].toString()在IE6,7,8中將會得到"1,"。然后表達式就變?yōu)?-"1,"。再嘗試把"1，"轉(zhuǎn)換成數(shù)值類型得到NaN ,再對NaN取負得到值仍為NaN。最后執(zhí)行!NaN返回true。下面通過分解這個語句來回顧下代碼中所涉及到的javascript知識：
1. 瀏覽器的數(shù)組字面量解析差異
[1,]表示使用javascript的數(shù)組字面量定義了一個數(shù)組。 在IE6,7,8中數(shù)組有兩個元素，數(shù)組中的值分別為1，undefined。在標準的瀏覽器中會忽略第一個元素后的undefined，數(shù)組只包含一個元素1。
2. 數(shù)組的toString()方法
調(diào)用數(shù)組對象的toString()方法時會對數(shù)組中的每個元素調(diào)用toString()方法，如果元素的值為NULL或者undefined時會返回空的字符串，然后將得到的每項的值拼成一個使用 逗號","分隔的字符串。
3. 一元減號運算符
使用一元減號運算符時如果運算數(shù)是數(shù)值類型則直接對運算數(shù)取負，否則會先嘗試把運算數(shù)轉(zhuǎn)換為數(shù)值類型，轉(zhuǎn)換過程相當于執(zhí)行Number函數(shù)，然后再對得到的結(jié)果取負。
4. 邏輯非運算
執(zhí)行邏輯非運算時如果操作數(shù)為NaN、NULL或undefined 時返回 true。
JavaScript可以這么寫：
var ie = !-[1,];
alert(ie);
如果從非IE的角度判定，可以省一個比特，因為我們做兼容時，絕大多數(shù)情況都是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,")得到的結(jié)果是NaN；然后!(-Number([1,].toString()))即為!(NaN)即得到true。一切的前提是IE6/7/8都有[1,].ToString()=>"1,"這個bug，而其它瀏覽器(應該是大部分吧~~)則是[1,].ToString()=>"1"。
最近發(fā)現(xiàn)有朋友這樣使用用來提示用戶升級瀏覽器
<script>
!-[1,] && alert('您使用的是 IE6-8 版本的瀏覽器，\n\n建議用 Chrome, Firefox, IE9+ 瀏覽！');
</script>
相關文章
這篇文章主要介紹了JavaScript中獲取頁面元素的幾種常用方法,分別是getElementById()、getElementsByClassName()、getElementsByTagName()、querySelector()和querySelectorAll(),每種方法都有其特點和適用場景,需要的朋友可以參考下2025-03-03
Bootstrap實現(xiàn)input控件失去焦點時驗證
這篇文章主要介紹了Bootstrap實現(xiàn)input控件失去焦點時驗證的相關資料,非常不錯，需要的朋友可以參考下，需要的朋友可以參考下2016-08-08
這篇文章主要介紹了JavaScript基本類型和引用類型，基本類型中還包含了類型轉(zhuǎn)換，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了js去除瀏覽器默認底圖的方法,可以實現(xiàn)圖片loading預加載效果,非常具有實用價值,需要的朋友可以參考下2015-06-06
javascript-簡單的計算器實現(xiàn)步驟分解(附圖)
輸入內(nèi)容的判斷，對于事件對象的來源的判斷以及數(shù)學運算“+，-，*，/”的使用，感興趣的朋友可以學習下2013-05-05
Bootstrap 設置datetimepicker在屏幕上面彈出設置方法
datetimepicker默認是在輸入框下面彈出的，但是遇到輸入框在屏幕下面時，日期選擇框會有一部分在屏幕下面，顯示不了，因此需要能夠從上面彈出，下面小編給大家介紹下Bootstrap 設置datetimepicker在屏幕上面彈出的設置方法2017-03-03
對Layer彈窗使用及返回數(shù)據(jù)接收的實例詳解
今天小編就為大家分享一篇對Layer彈窗使用及返回數(shù)據(jù)接收的實例詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JS返回頁面時自動回滾到歷史瀏覽位置的相關知識,本文給大家使用的是SessionStorage來存儲頁面內(nèi)容，在返回頁面時重新加載，具體實現(xiàn)代碼大家跟隨小編一起看看吧2018-09-09
淺析JavaScript中l(wèi)et與const命令的區(qū)別
這篇文章主要為大家詳細介紹了JavaScript中l(wèi)et命令與const命令的用法及區(qū)別,文中的示例代碼講解詳細,具有一定的借鑒價值,需要的可以參考下2023-09-09
這篇文章主要為大家詳細介紹了完美實現(xiàn)js焦點輪播效果的相關代碼，采用輔助圖片實現(xiàn)圖片無限滾動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03