詳解JavaScript中的Object.is()與"==="運算符總結

三重相等運算符 === 嚴格檢查2個值是否相同：

1 === 1; // => true1 === ’1’; // => false1 === true; // => false

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

Object.is(1, 1); // => trueObject.is(1, ’1’); // => falseObject.is(1, true); // => false

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

1.嚴格相等檢查操作符

首先，讓我們快速回顧一下嚴格的相等運算符是如何工作的。當兩個值的類型相同且持有相同的值時，嚴格相等檢查運算符的計算結果為 true。例如，以下原始值是相等的，因為它們是相同的類型且具有相同的值：

1 === 1; // => true’abc’ === ’abc’; // => truetrue === true; // => truenull === null; // => trueundefined === undefined; // => true

嚴格相等運算符不執行類型的強制轉換，即使操作符持有合理的相同值，但是不同類型的操作符，它們也不是嚴格相等的：

1 === ’1’; // => false1 === true; // => falsenull === undefined; // => false

對對象執行嚴格相等檢查時，對象僅與自身嚴格相等：

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

即使2個對象的屬性和值完全相同，它們的值也不同：

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

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

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

首先，NaN（非數字）并不嚴格等于任何其他值，即使使用另一個 NaN：

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

其次，嚴格相等運算符不能將 -0 與 +0 區分開：

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

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

2. Object.is()

Object.is(valueA,valueB) 以與嚴格相等運算符相同的方式檢查相等性的參數，但有兩個區別。

首先，NaN 等于另一個 NaN 值：

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

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

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

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

總結

在大多數情況下，嚴格相等運算符是比較值的好方法。

如果你想直接檢查 NaN 值或對負零和正零進行更嚴格的區分，那么 Object.is() 是一個不錯的選擇。

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

來源：dmitripavlutin.com，作者：Dmitri Pavlutin，翻譯：公眾號《前端全棧開發者》

到此這篇關于詳解JavaScript中的Object.is()與'==='運算符總結的文章就介紹到這了,更多相關JavaScript中的Object.is()與'==='運算符內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網！