JS開發者應懂的33個概念系列5(上)--== 與 ===

嚴格相等 ("triple equals" 或 "identity")，使用 ===

類型轉換規則

* 若是Type(x)和Type(y)不一樣，返回false
* 若是Type(x)和Type(y)相同
    * 若是Type(x)是Number類型
      * 若是x是NaN，返回false
      * 若是y是NaN，返回false
      * 若是x的數字值和y相等，返回true
      * 若是x是+0，y是-0，返回true
      * 若是x是-0，y是+0，返回true
      * 其餘返回false
* 其餘返回SameValueNonNumber(x, y)
複製代碼

寬鬆相等 ("double equals") ，使用 ==

類型轉換規則

* 若是Type(x)和Type(y)相同，返回x===y的結果
* 若是Type(x)和Type(y)不一樣
  * 若是x是null，y是undefined，返回true
  * 若是x是undefined，y是null，返回true
  * 若是Type(x)是Number，Type(y)是String，返回 x==ToNumber(y) 的結果
  * 若是Type(x)是String，Type(y)是Number，返回 ToNumber(x)==y 的結果
  * 若是Type(x)是Boolean，返回 ToNumber(x)==y 的結果
  * 若是Type(y)是Boolean，返回 x==ToNumber(y) 的結果
  * 若是Type(x)是String或Number或Symbol中的一種而且Type(y)是Object，返回 x==ToPrimitive(y) 的結果
  * 若是Type(x)是Object而且Type(y)是String或Number或Symbol中的一種，返回 ToPrimitive(x)==y 的結果
  * 其餘返回false
複製代碼

Object.is (ECMAScript 2015/ ES6 新特性)

* 若是Type(x)和Type(y)不一樣，返回false
* 若是Type(x)和Type(y)相同
  * 若是Type(x)是number
     * 若是 x 是 NaN，y 是 NaN, 返回 true
     * 若是 x 是 +0，y 是 -0, 返回 false
     * 若是 x 是 -0，y 是 +0, 返回 false
     * 若是 x 和 y 值相同, 返回 true
     * 其餘返回 false
* 其餘返回SameValueNonNumber(x, y)

NOTE: 與嚴格相等相比，不一樣在於對有符號的0值和NaN的比較
複製代碼

三種類型比較結果

相等性比較實現的原理

是否是看到上面ToNumber(x)、SameValueNonNumber(x, y)、ToPrimitive(x)有點暈，不要怕，咱們來參照ECMA規範來了解一下，看完後相等性判斷，你就無所不知了！

Type(x)，獲取x的類型

The ECMAScript language types are Undefined, Null, Boolean, String, Symbol, Number, and Object.

在 ECMAScript 規範中，共定義了 7 種數據類型，分爲 基本類型 和 引用類型 兩大類，以下所示：

基本類型：String、Number、Boolean、Symbol、Undefined、Null 

引用類型：Object
複製代碼

如何判斷數據類型，詳見另外一篇文章

ToNumber(x)，將x轉換爲Number類型

* 若是Type(x)是Undefined，返回NaN
* 若是Type(x)是Null，返回+0
* 若是Type(x)是Boolean
    * 若是是true,返回1
    * 若是是false,返回+0
* 若是Type(x)是Number，返回自己
* 若是Type(x)是Symbol，拋出TypeError錯誤
* 若是Type(x)是String，按照語法轉換規則
* 若是Type(x)是Object，經過ToPrimitive()轉換後進行ToNumber()轉換並返回
複製代碼

SameValueNonNumber(x, y)， 計算非數字類型x,y是否相同

* Type(x)不是Number類型 && Type(x)和Type(y)相同
   * 若是Type(x)是Undefined，返回true
   * 若是Type(x)是Null，返回true
   * 若是Type(x)是String，當且僅當x,y字符序列徹底相同（長度相同，每一個位置上的字符也相同）時返回true，不然返回false
   * 若是Type(x)是Boolean，若是x,y都是true或x,y都是false返回true，不然返回false
   * 若是Type(x)是Symbol，若是x,y是相同的Symbol值，返回true,不然返回false
   * 若是x和y是同一個對象值，返回ture，不然返回false
複製代碼

ToPrimitive(x) : 將x轉換爲原始值

js中的原始類型Null,Undefined,Number,Boolean,String,這些不須要ToPrimitive()轉換，除此以外的類型，按照如下規則進行轉換：

* ToPrimitive(input,hint)轉換爲原始類型的方法，根據hint目標類型進行轉換。
* hint只有兩個值：String和Number
* 若是沒有傳hint，Date類型的input的hint默認爲String,其餘類型的input的hint默認爲Number
* Number 類型先判斷 valueOf()方法的返回值，若是不是，再判斷 toString()方法的返回值
* String 類型先判斷 toString()方法的返回值，若是不是，再判斷 valueOf()方法的返回值
複製代碼