三重相等運(yùn)算符 === 嚴(yán)格檢查2個(gè)值是否相同：

1 === 1;  // => true
1 === '1'; // => false
1 === true; // => false

但是，ES2015規(guī)范引入了 Object.is()，其行為與嚴(yán)格的相等運(yùn)算符幾乎相同：

Object.is(1, 1);  // => true
Object.is(1, '1'); // => false
Object.is(1, true); // => false

主要問題是：什么時(shí)候使用 Object.is() 代替嚴(yán)格的相等性檢查？讓我們找出答案。

1.嚴(yán)格相等檢查操作符

首先，讓我們快速回顧一下嚴(yán)格的相等運(yùn)算符是如何工作的。
當(dāng)兩個(gè)值的類型相同且持有相同的值時(shí)，嚴(yán)格相等檢查運(yùn)算符的計(jì)算結(jié)果為 true。
例如，以下原始值是相等的，因?yàn)樗鼈兪窍嗤念愋颓揖哂邢嗤闹担?br />

1     === 1;     // => true
'abc'   === 'abc';   // => true
true   === true;   // => true
null   === null;   // => true
undefined === undefined; // => true

嚴(yán)格相等運(yùn)算符不執(zhí)行類型的強(qiáng)制轉(zhuǎn)換，即使操作符持有合理的相同值，但是不同類型的操作符，它們也不是嚴(yán)格相等的：

1  === '1';    // => false
1  === true;   // => false
null === undefined; // => false

對(duì)對(duì)象執(zhí)行嚴(yán)格相等檢查時(shí)，對(duì)象僅與自身嚴(yán)格相等：

const myObject = { prop: 'Value' };
myObject === myObject; // => true

即使2個(gè)對(duì)象的屬性和值完全相同，它們的值也不同：

const myObject1 = { prop: 'Value' };
const myObject2 = { prop: 'Value' };
myObject1 === myObject2; // => false

以上比較方案在 Object.is(valueA,valueB) 中的工作原理完全相同。

嚴(yán)格相等檢查和 Object.is() 之間的區(qū)別在于，如何處理 NaN 和如何處理負(fù)零 -0。

首先，NaN（非數(shù)字）并不嚴(yán)格等于任何其他值，即使使用另一個(gè) NaN：

NaN === NaN; // => false
NaN === 1;  // => false

其次，嚴(yán)格相等運(yùn)算符不能將 -0 與 +0 區(qū)分開：

-0 === +0; // => true

嚴(yán)格相等運(yùn)算符使用嚴(yán)格相等比較算法。http://www.ecma-international.org/ecma-262/7.0/index.html#sec-strict-equality-comparison

2. Object.is()

Object.is(valueA,valueB) 以與嚴(yán)格相等運(yùn)算符相同的方式檢查相等性的參數(shù)，但有兩個(gè)區(qū)別。

首先，NaN 等于另一個(gè) NaN 值：

Object.is(NaN, NaN); // => true
Object.is(NaN, 1);  // => false

其次，Object.is() 區(qū)分 -0 和 +0：

Object.is(-0, +0); // => false

與嚴(yán)格相等運(yùn)算符相比，Object.is() 使用相同值比較算法。http://www.ecma-international.org/ecma-262/7.0/index.html#sec-samevalue

總結(jié)

在大多數(shù)情況下，嚴(yán)格相等運(yùn)算符是比較值的好方法。

如果你想直接檢查 NaN 值或?qū)ω?fù)零和正零進(jìn)行更嚴(yán)格的區(qū)分，那么 Object.is() 是一個(gè)不錯(cuò)的選擇。

Object.is() 作為比較值的函數(shù)性方法也很有用，例如在函數(shù)式編程中。

來源：dmitripavlutin.com，作者：Dmitri Pavlutin，翻譯：公眾號(hào)《前端全棧開發(fā)者》

到此這篇關(guān)于詳解JavaScript中的Object.is()與"==="運(yùn)算符總結(jié)的文章就介紹到這了,更多相關(guān)JavaScript中的Object.is()與"==="運(yùn)算符內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！ 

最新評(píng)論