解讀JavaScript代碼 var ie = !-[1,] 最短的IE判定代碼
這句代碼在IE9之前曾被稱為世界上最短的IE判定代碼。代碼雖短但確包含了不少javascript基礎(chǔ)知識在里面。在這個例子中代碼執(zhí)行時會先調(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。下面通過分解這個語句來回顧下代碼中所涉及到的javascript知識：
瀏覽器的數(shù)組字面量解析差異
[1,]表示使用javascript的數(shù)組字面量定義了一個數(shù)組。 在IE6,7,8中數(shù)組有兩個元素，數(shù)組中的值分別為1，undefined。在標(biāo)準(zhǔn)的瀏覽器中會忽略第一個元素后的undefined，數(shù)組只包含一個元素1。
數(shù)組的toString()方法
調(diào)用數(shù)組對象的toString()方法時會對數(shù)組中的每個元素調(diào)用toString()方法，如果元素的值為NULL或者undefined時會返回空的字符串，然后將得到的每項的值拼成一個使用 逗號“,”分隔的字符串。
一元減號運(yùn)算符
使用一元減號運(yùn)算符時如果運(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ù)為NaN、NULL或undefined 時返回 true。
通過上面的知識可以得出代碼 var ie = !-[1,]; 其實等價于 var ie = !(-Number([1,].toString())); 在IE6\7\8中值為true。如分析的有什么不對的地方或者有什么不同意見歡迎指正！
- JScript中的''var''定義變量的作用域
- Javascript中的var_dump函數(shù)實現(xiàn)代碼
- var與Javascript變量隱式聲明
- Javascript var變量隱式聲明方法
- js for循環(huán)，為什么一定要加var定義i變量
- 關(guān)于JavaScript中var聲明變量作用域的推斷
- 在Javascript中 聲明時用"var"與不用"var"的區(qū)別
- JavaScript var聲明變量背后的原理示例解析
- javascript定義變量時有var和沒有var的區(qū)別探討
- JavaScript中var關(guān)鍵字的使用詳解
- javascript中加var和不加var的區(qū)別 你真的懂嗎
相關(guān)文章
微信小程序教程系列之設(shè)置標(biāo)題欄和導(dǎo)航欄(7)
這篇文章主要為大家詳細(xì)介紹了微信小程序教程系列之標(biāo)題欄和導(dǎo)航欄的設(shè)置，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下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í)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
微信小程序?qū)崿F(xiàn)跳轉(zhuǎn)的幾種方式總結(jié)（推薦）
這篇文章主要介紹了微信小程序跳轉(zhuǎn)方式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了JS表格的動態(tài)操作,結(jié)合完整實例形式詳細(xì)分析了JavaScript針對表格元素的動態(tài)修改與刪除簡單操作技巧,需要的朋友可以參考下2020-01-01
Electron 結(jié)合 Selenium + chromedriver
這篇文章主要介紹了Electron 結(jié)合 Selenium + chromedriver 驅(qū)動服務(wù)實現(xiàn)瀏覽器多開思路詳解,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-07-07
封裝一個vue中也可使用的uniapp的全局彈窗組件(任何頁面都可以彈出)
在寫uniapp小程序的時候,彈窗提醒經(jīng)常會用到,雖然彈窗的組件很多,但是通常別人封裝好的彈窗組件自定義度不高,很難匹配自己的ui需求,這篇文章主要給大家介紹了封裝一個vue中也可使用的uniapp的全局彈窗組件的相關(guān)資料,這個組件在任何頁面都可以彈出,需要的朋友可以參考下2023-02-02
在大家在使用PHP編寫程序的時候，我們常常想要獲取當(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ā)實現(xiàn)路徑規(guī)劃繪制
這篇文章主要介紹了微信小程序+騰訊地圖開發(fā)實現(xiàn)路徑規(guī)劃繪制，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05