解讀JavaScript代碼 var ie = !-[1,] 最短的IE判定代碼

更新時(shí)間：2011年05月28日 01:33:26 作者：

這句代碼在IE9之前曾被稱為世界上最短的IE判定代碼。代碼雖短但確包含了不少javascript基礎(chǔ)知識在里面。

var ie = !-[1,]；

這句代碼在IE9之前曾被稱為世界上最短的IE判定代碼。代碼雖短但確包含了不少javascript基礎(chǔ)知識在里面。在這個(gè)例子中代碼執(zhí)行時(shí)會先調(diào)用數(shù)組的toString()方法，執(zhí)行[1,].toString()在IE6,7,8中將會得到“1,”。然后表達(dá)式就變?yōu)?/SPAN>!-“1,”。再嘗試把“1，”轉(zhuǎn)換成數(shù)值類型得到NaN ,再對NaN取負(fù)得到值仍為NaN。最后執(zhí)行!NaN返回true。下面通過分解這個(gè)語句來回顧下代碼中所涉及到的javascript知識：

瀏覽器的數(shù)組字面量解析差異

[1,]表示使用javascript的數(shù)組字面量定義了一個(gè)數(shù)組。在IE6,7,8中數(shù)組有兩個(gè)元素，數(shù)組中的值分別為1，undefined。在標(biāo)準(zhǔn)的瀏覽器中會忽略第一個(gè)元素后的undefined，數(shù)組只包含一個(gè)元素1。

數(shù)組的toString()方法

調(diào)用數(shù)組對象的toString()方法時(shí)會對數(shù)組中的每個(gè)元素調(diào)用toString()方法，如果元素的值為NULL或者undefined時(shí)會返回空的字符串，然后將得到的每項(xiàng)的值拼成一個(gè)使用逗號“,”分隔的字符串。

一元減號運(yùn)算符

　使用一元減號運(yùn)算符時(shí)如果運(yùn)算數(shù)是數(shù)值類型則直接對運(yùn)算數(shù)取負(fù)，否則會先嘗試把運(yùn)算數(shù)轉(zhuǎn)換為數(shù)值類型，轉(zhuǎn)換過程相當(dāng)于執(zhí)行Number函數(shù)，然后再對得到的結(jié)果取負(fù)。

邏輯非運(yùn)算

執(zhí)行邏輯非運(yùn)算時(shí)如果操作數(shù)為NaN、NULL或undefined 時(shí)返回 true。

通過上面的知識可以得出代碼 var ie = !-[1,]; 其實(shí)等價(jià)于 var ie = !(-Number([1,].toString())); 在IE6\7\8中值為true。如分析的有什么不對的地方或者有什么不同意見歡迎指正！

您可能感興趣的文章:

IE判定

相關(guān)文章

微信小程序教程系列之設(shè)置標(biāo)題欄和導(dǎo)航欄(7)
這篇文章主要為大家詳細(xì)介紹了微信小程序教程系列之標(biāo)題欄和導(dǎo)航欄的設(shè)置，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
JavaScript 利用StringBuffer類提升+=拼接字符串效率
JavaScript 利用StringBuffer類提升+=拼接字符串效率，需要的朋友可以參考下。
2009-11-11
javascript generator生成器函數(shù)與asnyc/await語法糖
本文主要介紹了javascript generator生成器函數(shù)與asnyc/await語法糖，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-03-03
微信小程序?qū)崿F(xiàn)跳轉(zhuǎn)的幾種方式總結(jié)（推薦）
這篇文章主要介紹了微信小程序跳轉(zhuǎn)方式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
JS表格的動態(tài)操作完整示例
這篇文章主要介紹了JS表格的動態(tài)操作,結(jié)合完整實(shí)例形式詳細(xì)分析了JavaScript針對表格元素的動態(tài)修改與刪除簡單操作技巧,需要的朋友可以參考下
2020-01-01
Electron 結(jié)合 Selenium + chromedriver
這篇文章主要介紹了Electron 結(jié)合 Selenium + chromedriver 驅(qū)動服務(wù)實(shí)現(xiàn)瀏覽器多開思路詳解,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
2024-07-07
封裝一個(gè)vue中也可使用的uniapp的全局彈窗組件(任何頁面都可以彈出)
在寫uniapp小程序的時(shí)候,彈窗提醒經(jīng)常會用到,雖然彈窗的組件很多,但是通常別人封裝好的彈窗組件自定義度不高,很難匹配自己的ui需求,這篇文章主要給大家介紹了封裝一個(gè)vue中也可使用的uniapp的全局彈窗組件的相關(guān)資料,這個(gè)組件在任何頁面都可以彈出,需要的朋友可以參考下
2023-02-02
PHP獲取當(dāng)前頁面完整URL的方法
在大家在使用PHP編寫程序的時(shí)候，我們常常想要獲取當(dāng)前頁面的URL。下面就給大家分享了PHP獲取當(dāng)前頁面完整URL的方法，文中還給出了如獲取域名或主機(jī)地址、獲取網(wǎng)頁地址和包含端口號的完整url等的方法，有需要的朋友們可以參考借鑒，下面來一起看看吧。
2016-12-12
JavaScript常見的跨標(biāo)簽頁通信方式總結(jié)
跨標(biāo)簽頁通信是指在瀏覽器中的不同標(biāo)簽頁之間進(jìn)行數(shù)據(jù)傳遞和通信的過程,這篇文章為大家整理了前端常見的跨標(biāo)簽頁通信方式,有需要的小伙伴可以了解下
2023-10-10
微信小程序+騰訊地圖開發(fā)實(shí)現(xiàn)路徑規(guī)劃繪制
這篇文章主要介紹了微信小程序+騰訊地圖開發(fā)實(shí)現(xiàn)路徑規(guī)劃繪制，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05