詳解JavaScript中的Object.is()與"==="運算子總結
三重相等運算子 === 嚴格檢查2個值是否相同:
1 === 1; // => true 1 === '1'; // => false 1 === true; // => false
但是,ES2015規範引入了 Object.is(),其行為與嚴格的相等運算子幾乎相同:
Object.is(1,1); // => true Object.is(1,'1'); // => false Object.is(1,true); // => false
主要問題是:什麼時候使用 Object.is() 代替嚴格的相等性檢查?讓我們找出答案。
1.嚴格相等檢查操作符
首先,讓我們快速回顧一下嚴格的相等運算子是如何工作的。
當兩個值的型別相同且持有相同的值時,嚴格相等檢查運算子的計算結果為 true。
例如,以下原始值是相等的,因為它們是相同的型別且具有相同的值:
1 === 1; // => true 'abc' === 'abc'; // => true true === true; // => true null === null; // => true undefined === undefined; // => true
嚴格相等運算子不執行型別的強制轉換,即使操作符持有合理的相同值,但是不同型別的操作符,它們也不是嚴格相等的:
1 === '1'; // => false 1 === true; // => false null === 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; // => false NaN === 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); // => true Object.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()與"==="運算子內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!