在JS/TS項目里，除了能看到==操作符來判斷兩個變量是否相等外，我們還會看到===操作符，這兩者有什么區(qū)別嗎？

先上結(jié)論，

• 對于String, number這些基礎(chǔ)類型，==操作符會先把兩邊的變量進行類型強制轉(zhuǎn)換成相同的類型再比較是否相等；===操作符則不會進行類型轉(zhuǎn)換，而是直接進行比較。
• 對于array, object這些高級類型，==和 ===是沒有區(qū)別的，因為它們比較的是 “指針地址” 。
• 對于基礎(chǔ)類型和高級類型，== 和 ===是有區(qū)別的；==操作符會先把高級類型轉(zhuǎn)換為基礎(chǔ)類型之后，進行值的比較；===操作符則不會進行轉(zhuǎn)換，類型不同，直接返回false

也就是說，`==`操作符只要求比較兩個變量的值是否相等，`===`操作符則是要求兩個變量的值和類型都要相同；類似地，`!=`操作符會去做類型強制轉(zhuǎn)換，`!==`操作符則不會轉(zhuǎn)換類型。

我們寫個基礎(chǔ)類型變量的代碼示例一下：

66 ==  '66'; // 返回true
66 === '66' // 返回false

==操作符會把第一行里的字符串轉(zhuǎn)換成數(shù)字，與66再進行比較，值相等，于是返回true；===操作符則不會做類型轉(zhuǎn)換，因為左邊數(shù)字，右邊字符串，兩者類型不同，就會返回false。

注意對于特殊值NaN（Not a Number），表示非數(shù)字，NaN和任何數(shù)（包括它自己）做相等比較，都會返回false，所以判斷NaN最好用isNaN()函數(shù)；
而對于undefined和null，兩者的值相比較，會返回true。

代碼示例如下：

NaN == 6; // 返回false
NaN === NaN; // 返回false
null == undefined; // 返回true
null === undefined; // 返回false

最后， 由于==和!=操作符帶來的類型隱式轉(zhuǎn)換規(guī)則非常繁瑣，還有為了避免數(shù)據(jù)類型混淆導(dǎo)致出現(xiàn)bug，還是推薦使用===操作符和!==操作符。

js在比較的時候如果是 == 會先做類型轉(zhuǎn)換，再判斷值得大小，如果是===類型和值必須都相等。

總結(jié)

到此這篇關(guān)于 JavaScript/TypeScript中==和===區(qū)別的文章就介紹到這了,更多相關(guān) js/ts中==和===的區(qū)別內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論