首頁  >  文章  >  web前端  >  解讀JavaScript程式碼 var ie = !-[1,]

解讀JavaScript程式碼 var ie = !-[1,]

高洛峰
高洛峰原創
2016-11-25 11:00:371083瀏覽

var ie = !-[1,];

    這句代碼在IE9之前曾被稱為世界上最短的IE判定代碼。程式碼雖短但確包含了不少javascript基礎知識在裡面。在這個例子中程式碼執行時會先呼叫數組的toString()方法 ,執行[1,].toString()在IE6,7,8中將會得到「1,」。然後表達式就變成!-“1,”。再試著把「1,」轉換成數值型別得到NaN ,再對NaN取負得到值仍為NaN。最後執行!NaN傳回true。以下透過分解這個語句來回顧下程式碼中所涉及的javascript知識:

瀏覽器的陣列字面量解析差異


     [1,]表示使用javascript的陣列字面量定義了一個陣列。 在IE6,7,8中數組有兩個元素,數組中的值分別為1,undefined。在標準的瀏覽器中會忽略第一個元素後的undefined,陣列只包含一個元素1。

數組的toString()方法


    呼叫數組物件的toString()方法時會對數組中的每個元素呼叫toString()方法,如果元素的值為NULL或undefined時會傳回空的字串,然後將得到的每個項目的值拼成一個使用逗號“,”分隔的字串。

 一元減號運算子  

  使用一元減號運算子時如果運算數是數值類型則直接對運算數取負,否則會先嘗試把運算數轉換為數值類型,轉換過程相當於執行Number函數,然後再對得到的結果取負。

邏輯非運算

    執行邏輯非運算時若運算元為NaN、NULL或undefined 時傳回 true。

透過上面的知識可以得到程式碼 var ie = !-[1,]; 其實等價於 var ie = !(-Number([1,].toString())); 在IE678中值為true。


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn