詳解JavaScript中的Object.is()與"==="運(yùn)算符總結(jié)
三重相等運(yùn)算符 === 嚴(yán)格檢查2個(gè)值是否相同:
1 === 1; // => true1 === ’1’; // => false1 === true; // => false
但是,ES2015規(guī)范引入了 Object.is(),其行為與嚴(yán)格的相等運(yùn)算符幾乎相同:
Object.is(1, 1); // => trueObject.is(1, ’1’); // => falseObject.is(1, true); // => false
主要問(wèn)題是:什么時(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)樗鼈兪窍嗤念愋颓揖哂邢嗤闹担?/p>
1 === 1; // => true’abc’ === ’abc’; // => truetrue === true; // => truenull === null; // => trueundefined === undefined; // => true
嚴(yán)格相等運(yùn)算符不執(zhí)行類型的強(qiáng)制轉(zhuǎn)換,即使操作符持有合理的相同值,但是不同類型的操作符,它們也不是嚴(yán)格相等的:
1 === ’1’; // => false1 === true; // => falsenull === 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; // => falseNaN === 1; // => false
其次,嚴(yán)格相等運(yùn)算符不能將 -0 與 +0 區(qū)分開(kāi):
-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); // => trueObject.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ù)式編程中。
來(lái)源:dmitripavlutin.com,作者:Dmitri Pavlutin,翻譯:公眾號(hào)《前端全棧開(kāi)發(fā)者》
到此這篇關(guān)于詳解JavaScript中的Object.is()與'==='運(yùn)算符總結(jié)的文章就介紹到這了,更多相關(guān)JavaScript中的Object.is()與'==='運(yùn)算符內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
