摘要：抽象相等和嚴(yán)格相等。首先，也是如果有對(duì)象的話，會(huì)把對(duì)象轉(zhuǎn)為基本類型值，在進(jìn)行比較。

這一節(jié)，應(yīng)該算是強(qiáng)制類型轉(zhuǎn)換的最后一個(gè)小節(jié)了，這一部分呢，主要會(huì)講比較操作中遇到的強(qiáng)制類型轉(zhuǎn)換。

抽象相等（==）和嚴(yán)格相等（===）。

簡(jiǎn)單且粗略的來(lái)說(shuō)，抽象相等和嚴(yán)格相等的區(qū)別就是抽象相等在比較的時(shí)候，如果比較的兩個(gè)數(shù)類型不同，會(huì)先進(jìn)行類型轉(zhuǎn)換再比較，而嚴(yán)格類型呢，比較簡(jiǎn)單粗暴一些，直接返回false。

當(dāng)然啦，你也可以這么理解，抽象比較的時(shí)候，允許類型轉(zhuǎn)換，而嚴(yán)格相等則不允許，所以看如下例子：

console.log("1111" == 1111)   // true
console.log("1111" === 1111)  // false

這個(gè)例子很容易理解，那么本例中，抽象相等中究竟是從字符串轉(zhuǎn)換為數(shù)字呢，還是相反？

規(guī)范是這么說(shuō)的：

如果相比較的兩個(gè)操作數(shù)，其中一個(gè)是數(shù)字類型，另一個(gè)是字符串類型的話，那么字符串將會(huì)轉(zhuǎn)換為數(shù)字，再進(jìn)行比較，就相等于：

console.log(Number("1111") == 1111);

那么如果是布爾值呢？比如說(shuō)

console.log("42" == true);  // false
console.log(12 == true);  // false
console.log(-1 == true);   // false

哇哦，都是false呀，是不是和一開(kāi)始的認(rèn)知不太一樣呢？尤其是對(duì)于有其他語(yǔ)言基礎(chǔ)的童鞋們。

這一方面ecma規(guī)范也有說(shuō)了：

如果操作數(shù)中，有布爾類型的，那么他將會(huì)轉(zhuǎn)為數(shù)字類型，再進(jìn)行比較。

大家請(qǐng)看著個(gè)例子，應(yīng)該不用多說(shuō)了吧，上面說(shuō)過(guò)了，嚴(yán)格相等的話，如果類型不一樣，直接返回false，畢竟人家是嚴(yán)格相等，很嚴(yán)格的。

console.log(false === 0); // false
console.log(false == 0); // true

那么如果null和undefined比較呢？

console.log(null == null); // true
console.log(undefined == null); // true
console.log(undefined == undefined) // true

第一個(gè)和第三個(gè)大家比較容易理解，第二個(gè)可能比較疑惑，為甚呢？

因?yàn)橐?guī)范上有說(shuō)，如果比較的兩種，一個(gè)是undefined另一種是null，則返回true，但是這個(gè)也只是對(duì)應(yīng)于抽象相等，嚴(yán)格相等時(shí)不可能相等的。因?yàn)轭愋筒灰粯印?/p>

至于上面那個(gè)呢，我還應(yīng)該多說(shuō)一句，除了undefined和null比較或者是他們同類型的比較是true，和其他任何類型的值比較都是false，有一些看起來(lái)像true的，結(jié)果都是false，要注意一下。

console.log(null == false); // false
console.log(undefined == 0); // false
console.log(undefined == "") // false

接下來(lái)這個(gè)比較重要了，就是對(duì)象和非對(duì)象的比較。

先看規(guī)范定義吧：

對(duì)于兩個(gè)操作數(shù)，如果其中一個(gè)是字符串或數(shù)字，另一個(gè)是對(duì)象的話，那么對(duì)象會(huì)轉(zhuǎn)為原始值，然后再進(jìn)行比較。

那么怎么獲取原始值呢？

其實(shí)其他小節(jié)也都講過(guò)，這里在復(fù)述一下，簡(jiǎn)單來(lái)說(shuō)，就是先調(diào)用對(duì)象的valueOf()函數(shù)，如果它不存在，或者不會(huì)轉(zhuǎn)為基本類型值，就調(diào)用toString()函數(shù)，如果toString()不存在或者返回的是非字符串的值，將會(huì)直接報(bào)錯(cuò)。

看起來(lái)有一點(diǎn)枯燥吧，那么看例子。

console.log([2].valueOf());  // [2]
console.log([2].toString());  // "2"
console.log([2].toString() == 2);  // true

數(shù)組[2]呢，可以看到，他的valueOf返回的是一個(gè)數(shù)組，那么他就會(huì)用toString()，轉(zhuǎn)為字符串“2”，字符串2和數(shù)字2比較呢，根據(jù)上面講的，字符串2會(huì)變?yōu)閿?shù)字2，相等，返回true。

在看一個(gè)例子

var obj = {
  valueOf() {
    return 3;
  }
}
console.log(obj == 3);  // true
var obj1 = Object.create(null);
console.log(obj1 == 3);  // Uncaught TypeError: Cannot convert object to primitive value

這個(gè)呢，就是對(duì)象先調(diào)用valueOf()得到基本類型值3，然后再進(jìn)行比較得到true，第二個(gè)呢,得到了一個(gè)純凈的對(duì)象（沒(méi)有prototype），然后獲取不到valueOf()和toString()，直接報(bào)錯(cuò)了。

那其他的情況呢

console.log(NaN == NaN);  // false
console.log(NaN === NaN);  // false
console.log(+0 == -0);   // true
console.log(+0 === -0);  // true
console.log({} == {});  // false
console.log({} === {});  // false
var obj1 = obj = {};
console.log(obj == obj1);  // true
console.log(obj === obj1);  // true

這個(gè)分析一下，規(guī)范中：

NaN不等于自身，+0和-0是相等的，對(duì)象是否相等是根據(jù)是否引用同一對(duì)象。

對(duì)象相等的已經(jīng)介紹完了，那么判斷不相等的呢？比如說(shuō)（!=）和（!==）他們的區(qū)別呢

實(shí)際上，他們的語(yǔ)法判斷規(guī)則和相等的規(guī)則一樣，只不過(guò)最后多了一個(gè)置反的一個(gè)步驟。也就是!(a == b)或者是!(a === b)，我感覺(jué)應(yīng)該很容易理解，就不舉例了。

那么最后就要講關(guān)系操作符了，也就是大于小于這些的。

那么我們先講兩個(gè)操作符中，有至少是一個(gè)數(shù)字的情況。請(qǐng)看下面的例子

console.log(1 < 2);  // true
console.log("0b1" < 2);  // true
var obj = {
  valueOf() {
    return 1;
  }
}
console.log(obj < 2);   // true
console.log(1 < Infinity);  // true
console.log(-Infinity < 1);  // true
console.log(NaN > 1);  // false
console.log(NaN < 1);  // false

上面這幾個(gè)例子，幾乎涵蓋了規(guī)范中至少有一個(gè)操作數(shù)是數(shù)字的比較的情況。

首先，也是如果有對(duì)象的話，會(huì)把對(duì)象轉(zhuǎn)為基本類型值，在進(jìn)行比較。

并且如果另一個(gè)操作數(shù)是字符串的話，會(huì)把字符串轉(zhuǎn)成數(shù)字。

還有就是數(shù)字一直小于正無(wú)窮，大于負(fù)無(wú)窮。

NaN無(wú)論怎么判斷都是false。

那么如果是字符串之間的比較呢，也就是倆操作數(shù)都是字符串的情況。

console.log("1003" > "2");  // false

嗯，很簡(jiǎn)單是吧，如果倆都是字符串的話，實(shí)際上會(huì)按照字母順序去比，這樣去排出哪個(gè)值。

那么是怎么按照字母順序比的呢，字母順序又是通過(guò)什么方式取得的呢？請(qǐng)看例子：

console.log("aaa" > "aa"); // true
console.log("1003" > "2");  // false
console.log("a" > "b");  // false
console.log("&" < "a");  // true
console.log("A" < "a");  // true
console.log("a".charCodeAt());  // 97
console.log("b".charCodeAt());  // 98
console.log("&".charCodeAt());  // 38
console.log("A".charCodeAt());  // 65

這個(gè)例子，應(yīng)該就很容易理解了，實(shí)際上取的是字符串的charCodeAt()，實(shí)際上你依然可以理解為轉(zhuǎn)換成數(shù)字去比了，只不過(guò)字符串的比和含有數(shù)字的比是不一樣的，數(shù)字的比意味著他們整體數(shù)字的值的大小去比，而字符串是比從一開(kāi)始的前綴挨個(gè)比每個(gè)字母的大小。

是不是依然比較好理解，那么在來(lái)一個(gè)例子。

var a = [ 42 ];
var b = "043";
console.log(a < b);  // false
console.log(Number(a) < Number(b)); // true

這個(gè)結(jié)合上面那個(gè)規(guī)則，自己分析下。

最后的最后，我們看一個(gè)你可能略感疑惑的例子：

var a = { b: 42 };
var b = { b: 43 };
console.log(a < b);  // false
console.log(a == b); // false
console.log(a > b);  // false
console.log(a <= b);  // true
console.log(a >= b);  // true

這個(gè)例子，確實(shí)不太付合常識(shí)呀，但是呢，這確實(shí)是存在的，我給解釋一下。

首先呢，a < b和a > b，由于他們倆都是對(duì)象，所以轉(zhuǎn)換為基本類型值后為字符串“[object Object]”，所以返回false，而a == b呢，則是因?yàn)樗麄z并不是同一個(gè)對(duì)象的不同的引用，所以返回false。

最后倆呢，實(shí)際上大于等于或者小于等于可以理解為大于或者小于的值的反值，也就是: !(a <= b)，所以前面為false，反一下為true

好啦，三個(gè)小章基本把強(qiáng)制類型轉(zhuǎn)換整個(gè)梳理了一遍，因?yàn)檫@一塊的細(xì)節(jié)太多，所以說(shuō)呢，我反倒是建議讀到我這里的小伙伴，先把大體規(guī)則了解以后，特別細(xì)節(jié)的規(guī)則，用到的時(shí)候看看我的小散文，或者直接去看ecma262標(biāo)準(zhǔn)文檔也行，但是呢，強(qiáng)調(diào)一點(diǎn)就是，假如真的要用之前，還是建議自己吧代碼跑一下，這樣我的感觸就是要比只看效果好太多。

總之感謝大家收看我的小散文。

參考書(shū)籍《你不知道的Javascript中卷》

參考文檔：ECMAScript 5.1（ECMA-262）

https://www.ecma-internationa...

本文轉(zhuǎn)載自http://www.lht.ren/article/7/