細(xì)說 Javascript 類型篇（一） : 相等和比較

wthee 發(fā)布于2019-08-19 14:46 / 2427人閱讀

摘要：由于中復(fù)雜的類型轉(zhuǎn)換機(jī)制，將會使得由此產(chǎn)生的錯誤變得難以追蹤。此外，類型的強(qiáng)制轉(zhuǎn)換會對性能也造成一定的影響，例如，當(dāng)一個字符串與數(shù)字進(jìn)行比較時，會被強(qiáng)制轉(zhuǎn)換為數(shù)字。詳解一下中的比較參考

Javascript 有兩種方法來判斷兩種值是否相等。

相等符號

相等符號由兩個等號組成： ==
Javascript 是弱類型語言。這就意味著相等符號為了比較兩個值將會強(qiáng)制轉(zhuǎn)換類型。

""           ==   "0"           // false
0            ==   ""            // true
0            ==   "0"           // true
false        ==   "false"       // false
false        ==   "0"           // true
false        ==   undefined     // false
false        ==   null          // false
null         ==   undefined     // true
" 	
"    ==   0             // true

上面的代碼展示了類型轉(zhuǎn)換的結(jié)果，因此我們知道使用相等符號 == 是個不好的編程習(xí)慣。由于 Javascript 中復(fù)雜的類型轉(zhuǎn)換機(jī)制，將會使得由此產(chǎn)生的錯誤變得難以追蹤。
此外，類型的強(qiáng)制轉(zhuǎn)換會對性能也造成一定的影響，例如，當(dāng)一個字符串與數(shù)字進(jìn)行比較時，會被強(qiáng)制轉(zhuǎn)換為數(shù)字。

嚴(yán)格相等符號

嚴(yán)格相等符號由三個等號組成： ===
它跟相等符號的操作相似，但是嚴(yán)格相等符號不會做強(qiáng)制類型轉(zhuǎn)換的操作。

""           ===   "0"           // false
0            ===   ""            // false
0            ===   "0"           // false
false        ===   "false"       // false
false        ===   "0"           // false
false        ===   undefined     // false
false        ===   null          // false
null         ===   undefined     // false
" 	
"    ===   0             // false

上面的代碼使得代碼更加清晰，如果兩個值的類型不同則直接返回 false，這也會使得性能得到提升。

比較對象

盡管 == 和 === 被稱為相等符號，但是當(dāng)比較的兩個值中有一個類型是對象時，表現(xiàn)將大不相同。

{} === {};                   // false
new String("foo") === "foo"; // false
new Number(10) === 10;       // false
var foo = {};
foo === foo;                 // true

在這兒，不再僅僅是比較兩個值是否相等，它將判斷兩個值是否引用同一個對象實例，這個行為比較像 C 中的指針。

總結(jié)

這里強(qiáng)烈建議只使用嚴(yán)格相等符號 ===。如果我們需要做類型轉(zhuǎn)換，可以在比較前先做顯式的類型轉(zhuǎn)換，而不是靠 Javascript 本身復(fù)雜的強(qiáng)制轉(zhuǎn)換方法。

@justjavac 前輩所提的這個問題更加詳述地分析了 Javascript 中的比較。

《詳解一下 javascript 中的比較》

參考

http://bonsaiden.github.io/JavaScript-Garden/#types.equality