解讀JavaScript代碼 var ie = !-[1,] 最短的IE判定代碼
這句代碼在IE9之前曾被稱為世界上最短的IE判定代碼。代碼雖短但確包含了不少javascript基礎(chǔ)知識(shí)在里面。在這個(gè)例子中代碼執(zhí)行時(shí)會(huì)先調(diào)用數(shù)組的toString()方法 ,執(zhí)行[1,].toString()在IE6,7,8中將會(huì)得到“1,”。然后表達(dá)式就變?yōu)?/SPAN>!-“1,”。再嘗試把“1,”轉(zhuǎn)換成數(shù)值類型得到NaN ,再對(duì)NaN取負(fù)得到值仍為NaN。最后執(zhí)行!NaN返回true。下面通過分解這個(gè)語句來回顧下代碼中所涉及到的javascript知識(shí):
瀏覽器的數(shù)組字面量解析差異
[1,]表示使用javascript的數(shù)組字面量定義了一個(gè)數(shù)組。 在IE6,7,8中數(shù)組有兩個(gè)元素,數(shù)組中的值分別為1,undefined。在標(biāo)準(zhǔn)的瀏覽器中會(huì)忽略第一個(gè)元素后的undefined,數(shù)組只包含一個(gè)元素1。
數(shù)組的toString()方法
調(diào)用數(shù)組對(duì)象的toString()方法時(shí)會(huì)對(duì)數(shù)組中的每個(gè)元素調(diào)用toString()方法,如果元素的值為NULL或者undefined時(shí)會(huì)返回空的字符串,然后將得到的每項(xiàng)的值拼成一個(gè)使用 逗號(hào)“,”分隔的字符串。
一元減號(hào)運(yùn)算符
使用一元減號(hào)運(yùn)算符時(shí)如果運(yùn)算數(shù)是數(shù)值類型則直接對(duì)運(yùn)算數(shù)取負(fù),否則會(huì)先嘗試把運(yùn)算數(shù)轉(zhuǎn)換為數(shù)值類型,轉(zhuǎn)換過程相當(dāng)于執(zhí)行Number函數(shù),然后再對(duì)得到的結(jié)果取負(fù)。
邏輯非運(yùn)算
執(zhí)行邏輯非運(yùn)算時(shí)如果操作數(shù)為NaN、NULL或undefined 時(shí)返回 true。
通過上面的知識(shí)可以得出代碼 var ie = !-[1,]; 其實(shí)等價(jià)于 var ie = !(-Number([1,].toString())); 在IE6\7\8中值為true。如分析的有什么不對(duì)的地方或者有什么不同意見歡迎指正!
- JScript中的''var''定義變量的作用域
- Javascript中的var_dump函數(shù)實(shí)現(xiàn)代碼
- var與Javascript變量隱式聲明
- Javascript var變量隱式聲明方法
- js for循環(huán),為什么一定要加var定義i變量
- 關(guān)于JavaScript中var聲明變量作用域的推斷
- 在Javascript中 聲明時(shí)用"var"與不用"var"的區(qū)別
- JavaScript var聲明變量背后的原理示例解析
- javascript定義變量時(shí)有var和沒有var的區(qū)別探討
- JavaScript中var關(guān)鍵字的使用詳解
- javascript中加var和不加var的區(qū)別 你真的懂嗎
相關(guān)文章
javascript和jquery實(shí)現(xiàn)設(shè)置和移除文本框默認(rèn)值效果代碼
這篇文章主要介紹了javascript和jquery實(shí)現(xiàn)設(shè)置和移除文本框默認(rèn)值效果代碼,本文實(shí)現(xiàn)的是類似html5 placeholder(空白提示)一種效果,需要的朋友可以參考下2015-01-01javascript實(shí)現(xiàn)簡(jiǎn)單打字游戲
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)簡(jiǎn)單打字游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-10-10微信小程序?qū)崿F(xiàn)獲取準(zhǔn)確的騰訊定位地址功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)獲取準(zhǔn)確的騰訊定位地址功能,結(jié)合實(shí)例形式詳細(xì)分析了微信小程序使用騰訊地理位置接口的相關(guān)注冊(cè)、操作步驟及接口使用技巧,需要的朋友可以參考下2019-03-03JavaScript中的對(duì)象的extensible屬性介紹
這篇文章主要介紹了JavaScript中的對(duì)象的extensible屬性介紹,JavaScript中,對(duì)象的extensible屬性用于表示是否允許在對(duì)象中動(dòng)態(tài)添加新的property,需要的朋友可以參考下2014-12-12JavaScript實(shí)現(xiàn)仿淘寶商品購(gòu)買數(shù)量的增減效果
最近接了個(gè)項(xiàng)目,要開發(fā)一個(gè)地方的O2O租書項(xiàng)目,使用的是asp.net mvc技術(shù),其中咋圖書詳情頁,用戶可以輸入借閱的數(shù)量,器實(shí)現(xiàn)此功能的方法是使用了js來控制數(shù)量的增減和校驗(yàn),對(duì)js實(shí)現(xiàn)商品數(shù)量的增減功能感興趣的朋友一起學(xué)習(xí)吧2016-01-01JavaScript實(shí)現(xiàn)簡(jiǎn)單的隱藏式側(cè)邊欄功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單的隱藏式側(cè)邊欄功能,涉及javascript結(jié)合定時(shí)器針對(duì)頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-08-08