国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JS中鮮為人知的問題: [] == ![]結果為true,而 {} == !{}卻為false

csRyan / 3238人閱讀

摘要:在比較字符串數值和布爾值的相等性時,問題還比較簡單。但在涉及到對象的比較時,問題就變得復雜了。和是相等的要比較相等性之前,不能將和轉換成其他任何值如果有一個操作數是,則相等操作符返回,而不相等操作符返回。

console.log( [] == ![] )  // true
console.log( {} == !{} )  // false

在比較字符串、數值和布爾值的相等性時,問題還比較簡單。但在涉及到對象的比較時,問題就變得復雜了。最早的ECMAScript中的相等和不相等操作符會在執行比較之前,先將對象轉換成相似的類型。后來,有人提出了這種轉換到底是否合理的質疑。最后,ECMAScript的解決方案就是提供兩組操作符:

相等和不相等——先轉換再比較? ? (==)
全等和不全等——僅比較而不轉換? (===)

ECMAScript中相等操作符由兩個等于號(==)表示,如果兩個操作數相等,則返回true,這種操作符都會先轉換操作數(通常稱為強制轉型),然后再比較它們的相等性

在轉換不同的數據類型時,對于相等和不相等操作符:在JS高程中一書中給出如下的基本轉換規則

①、如果有一個操作數是布爾值,則在比較相等性之前先將其轉換為數值——false轉換為0,而true轉換為1;
②、如果一個操作數是字符串,另一個操作數是數值,在比較相等性之前先將字符串轉換為數值
③、如果一個操作數是對象,另一個操作數不是,則調用對象的valueOf()方法,用得到的基本類型值按照前面的規則進行比較

這兩個操作符在進行比較時則要遵循下列規則。
①、null 和undefined 是相等的
②、要比較相等性之前,不能將null?和?undefined?轉換成其他任何值
③、如果有一個操作數是NaN,則相等操作符返回 false ,而不相等操作符返回?true。重要提示:即使兩個操作數都是NaN,相等操作符也返回 false了;因為按照規則, NaN 不等于 NaN
④、如果兩個操作數都是對象,則比較它們是不是同一個對象,如果兩個操作數都指向同一個對象,則相等操作符返回?true;否則,?返回false

這里說一下題外話:[]?和 {}?都是屬于引用類型,引用類型是存放在堆內存中的,而在棧內存中會有一個或者多個地址來指向這個堆內存相對應的數據。所以在使用 ==?操作符的時候,對于引用類型的數據,比較的是地址,而不是真實的值。

現在來探討 [] == ! [] 的結果為什么會是true

①、根據運算符優先級 ,!?的優先級是大于 ==?的,所以先會執行 ![]

!可將變量轉換成boolean類型,null、undefined、NaN以及空字符串("")取反都為true,其余都為false。

所以 ! []?運算后的結果就是 false

也就是?[] == ! []?相當于 [] == false

②、根據上面提到的規則(如果有一個操作數是布爾值,則在比較相等性之前先將其轉換為數值——false轉換為0,而true轉換為1),則需要把 false?轉成 0

也就是?[] == ! []?相當于 [] == false?相當于?[] == 0

③、根據上面提到的規則(如果一個操作數是對象,另一個操作數不是,則調用對象的valueOf()方法,用得到的基本類型值按照前面的規則進行比較,如果對象沒有valueOf()方法,則調用?toString()

而對于空數組,[].toString() ->? "" (返回的是空字符串)

也就是??[] == 0?相當于 "" == 0

④、根據上面提到的規則(如果一個操作數是字符串,另一個操作數是數值,在比較相等性之前先將字符串轉換為數值

Number("") ->?返回的是 0

相當于 0 == 0?自然就返回?true了

總結一下:

[] == ! []? ?->?? [] == false? ->??[] == 0? ->? ?"" == 0? ?->? 0 == 0? ?->? true
那么對于 {} == !{} 也是同理的

關鍵在于? {}.toString() ->??NaN(返回的是NaN)

根據上面的規則(如果有一個操作數是NaN,則相等操作符返回 false

總結一下:

{} == ! {}? ?->? ?{}?== false? ->? {}?== 0? ->? ?NaN?== 0? ??->? false

那么相信大家對下面的兩道題就信手拈來了

console.log( [] == !{} ) // true
console.log( {} == ![] ) // false

本文屬于magic_xiang原創,轉載需注明來源

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/100553.html

相關文章

  • 什么 php empty 函數判斷結果空,但實際值卻非空

    摘要:為什么變量的值為字符串,但同時會是空值呢讓我們在變量上嘗試使用其它一些函數來進行判斷吧以上結果為譯者注這邊的結果可能存在問題的結果同樣為,可以到這里去運行下查看結果。和函數執行結果符合預期判斷,唯獨函數返回了錯誤結果。 本文首發于 震驚 php empty 函數判斷結果為空,但實際值卻為非空,轉載請注明出處。 最近我在一個項目中使用 empty 時獲取到了一些意料之外的結果。下面是我處...

    jimhs 評論0 收藏0
  • PHP下==與===區別

    摘要:因此看得出來,即使,,但是不確定的,因此,為了養成良好的變成習慣,避免出現不可預知的錯誤,我們應該盡量使用。的三個要點兩者類型不等為兩者值不等為兩者類型和值都相等為 三個要點: 當比較雙方同類型時二者沒有區別 當雙方類型不一致時,==的比較結果無法預知,===為false null也是一種類型 先來個樣例 if(1 == 1){ echo 1 == 1 is true....

    NikoManiac 評論0 收藏0
  • 由一個“bug”到人知jQuery.cssHooks

    摘要:干想了半天,認為可能還是本身的寫法問題。對象提供了一種通過定義函數來獲取或設置特定值的方法。簡單來說,給我們暴露了一個鉤子,我們可以自己定義方法比如,來實現針對某個屬性的特定行為。 寫在最前 本次分享一下在一次jQuery賦值樣式失效的結果中來分析背后原因的過程。在翻jQuery源碼的過程中,感覺真是還不能說自己只是會用jQuery,我好像連會用都達不到(逃 歡迎關注我的博客,不定期更...

    ernest.wang 評論0 收藏0
  • 由一個“bug”到人知jQuery.cssHooks

    摘要:干想了半天,認為可能還是本身的寫法問題。對象提供了一種通過定義函數來獲取或設置特定值的方法。簡單來說,給我們暴露了一個鉤子,我們可以自己定義方法比如,來實現針對某個屬性的特定行為。 寫在最前 本次分享一下在一次jQuery賦值樣式失效的結果中來分析背后原因的過程。在翻jQuery源碼的過程中,感覺真是還不能說自己只是會用jQuery,我好像連會用都達不到(逃 歡迎關注我的博客,不定期更...

    malakashi 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<