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

先上結(jié)論，

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

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

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

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

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

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

代碼示例如下：

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

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

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

總結(jié)

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

最新評(píng)論