前言

js是一門弱類型的語言，它的強(qiáng)制類型轉(zhuǎn)換的迷惑性也被人詬病，例如標(biāo)題提到的一個小例子，我想可能很難再找到其他的語言，允許我們覺到一個值似乎既為真也為假。

其實現(xiàn)在規(guī)范更推薦js開發(fā)者們避免使用 == 這種會產(chǎn)生強(qiáng)制類型轉(zhuǎn)換的語法，大家盡可能會用 === 來代替，我在工作中也確實如此。

這里涉及到強(qiáng)制類型轉(zhuǎn)換的問題，由于js的類型設(shè)計如此，它并不是難用，而是容易出現(xiàn)讓人難以理解的內(nèi)容，所以被很多人詬病。其實遇到任何問題，第一時間不應(yīng)該是回避，而是應(yīng)該試著去了解它，理解了也就不會迷惑了。

我想你也想解除一下自己的迷惑吧？本文就來給介紹一下關(guān)于==的類型轉(zhuǎn)換問題。

== 與 === 的區(qū)別

這時候，如果你有經(jīng)驗，你肯定會說：這個我知道，== 只判斷值，=== 會同時判斷值和類型

這么理解也許可以，但是嚴(yán)格來說，這句話不夠準(zhǔn)確，真正的區(qū)別應(yīng)該是：== 在比較兩個不同類型的值時會發(fā)生強(qiáng)制類型轉(zhuǎn)換，而 === 不會

強(qiáng)制類型轉(zhuǎn)換

然后怎么轉(zhuǎn)換呢？記一下以下幾點(diǎn)就完了。

前置條件是兩者類型不同，

1. 兩者如果是表達(dá)式，先計算表達(dá)式。
2. 兩者中有一個是對象類型，則該對象類型執(zhí)行ToPrimitive后再進(jìn)行比較。
3. 兩者都是基本類型，判斷類型是否相同，不同，則同時執(zhí)行ToNumber后再比較。
4. 特殊情況，null == underfined，兩者在 == 比較中只與對方和自己本身相等。

ToPimitive：執(zhí)行該對象的valueOf函數(shù)，如果結(jié)果為基本類型則直接返回，否則返回該對象的toString函數(shù)的執(zhí)行結(jié)果。

ToNumber：轉(zhuǎn)化為數(shù)字類型。

例子

ok，知道了以上的內(nèi)容，我們來看看[]==![]發(fā)生了什么。

[] == ![] // 右邊是表達(dá)式，先進(jìn)行計算，[]的boolean值為true，所以![]則為false

// ???

[] == false // 右邊是基本類型，左邊則是數(shù)組（對象類型），因此對左側(cè)執(zhí)行ToPrimitive

// ???

// ToPrimitive執(zhí)行過程
[].valueOf() // 結(jié)果為[]，valueOf返回的仍然是原數(shù)組對象，非基本類型，執(zhí)行ToString
[].toString() // 結(jié)果為空字符串''，為字符串基本類型，返回

'' == false // 兩邊都為基本類型，類型仍然不同，兩邊同時執(zhí)行ToNumber

// ???

// 兩邊同時ToNumber轉(zhuǎn)化為數(shù)字類型
Number('') // 0
Number(false) // 0

0 == 0 // true

哈哈哈，雖然很扯淡，但是結(jié)果就是這樣的。

練習(xí)

試試，根據(jù)上方學(xué)習(xí)到的知識，能不能嘗試讓自己理解以下的等式為什么是true呢？

console.log('0' == false) // true
console.log(0 == false) // true
console.log('' == false) // true
console.log([] == false) // true
console.log('' == 0) // true
console.log('' == []) // true
console.log(0 == []) // true

特殊情況undefined==null

雖然兩者都是基本類型，可是遇到它們時要特殊處理，不可以使用Number進(jìn)行轉(zhuǎn)換，兩者在==中只與彼此和自身相等，因此進(jìn)行上方步驟判斷時，不要忘了遇到null和undefined，不要再繼續(xù)轉(zhuǎn)換了。

而且根據(jù)這個特殊性質(zhì)，當(dāng)我們需要判斷一個值為undefined或者null時，完全可以簡化判斷，這不是很好嗎？

if (res === undefined || res === null) {
? ? // ...
}

// 等同于
if (res == null) {
? ? // ...
}

尾言

本文介紹了==的強(qiáng)制類型轉(zhuǎn)換，雖然我知道這在工作中實用性不大，哈哈哈，不過就當(dāng)是滿足一下自己的求知欲吧。更多相關(guān)js []==![]內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論