欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

最短的IE判斷var ie=!-[1,]分析

 更新時間：2014年05月28日 00:29:42   投稿：mdxy-dxy  
下面通過分解這個語句來回顧下代碼中所涉及到的javascript知識,需要的朋友可以參考下

 以前最短的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ù)，然后再對得到的結果取負。

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,")得到的結果是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>

相關文章

  • js添加綁定事件的方法

    js添加綁定事件的方法

    這篇文章主要為大家詳細介紹了js添加事件的通用方法，還為大家介紹了js綁定事件的常用方式，感興趣的小伙伴們可以參考一下
    2016-05-05
  • JS實現(xiàn)圖片驗證碼功能

    JS實現(xiàn)圖片驗證碼功能

    這篇文章主要為大家詳細介紹了JS實現(xiàn)圖片驗證碼功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-04-04
  • uniapp項目引入?js文件以及全局使用方法

    uniapp項目引入?js文件以及全局使用方法

    這篇文章主要給大家介紹了關于uniapp項目引入?js文件以及全局使用方法的相關資料,在Uniapp中引入JS文件是一項常見的操作,文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下
    2023-12-12
  • JavaScript極簡入門教程（三）：數(shù)組

    JavaScript極簡入門教程（三）：數(shù)組

    這篇文章主要介紹了JavaScript極簡入門教程（二）：數(shù)組,本文主要講解了數(shù)組的創(chuàng)建和length屬性的介紹,其它方法屬性都沒有介紹,需要的朋友可以參考下
    2014-10-10
  • 關于Javascript中值得學習的特性總結

    關于Javascript中值得學習的特性總結

    本文主要介紹了一些Javascript中值得學習的特性，可選鏈操作符，空值合并運算符，Promise.allSettled()，BigInt類型等特性，文中有詳細的代碼示例介紹這些特性，感興趣的可以參考下
    2023-05-05
  • 一文秒懂JavaScript構造函數(shù)、實例、原型對象以及原型鏈

    一文秒懂JavaScript構造函數(shù)、實例、原型對象以及原型鏈

    這篇文章主要介紹了一文秒懂JavaScript構造函數(shù)、實例、原型對象以及原型鏈的相關知識，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-08-08
  • js遍歷json的key和value的實例

    js遍歷json的key和value的實例

    下面小編就為大家?guī)硪黄猨s遍歷json的key和value的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-01-01
  • js身份證判斷方法支持15位和18位

    js身份證判斷方法支持15位和18位

    這篇文章主要介紹了js身份證判斷方法支持15位和18位,需要的朋友可以參考下
    2014-03-03
  • JavaScript高級程序設計（第三版）學習筆記6、7章

    JavaScript高級程序設計（第三版）學習筆記6、7章

    這篇文章主要介紹了JavaScript高級程序設計（第三版）學習筆記6、7章 的相關資料,需要的朋友可以參考下
    2016-03-03
  • 原生JS獲取元素集合的子元素寬度實例

    原生JS獲取元素集合的子元素寬度實例

    本文主要對原生JS獲取元素集合的子元素寬度的實現(xiàn)方法進行介紹，代碼詳細，具有很好的參考價值，需要的朋友一起來看下吧
    2016-12-12

最新評論