詳解JavaScript中的Object.is()與"==="運(yùn)算符總結(jié)
三重相等運(yùn)算符 === 嚴(yán)格檢查2個值是否相同:
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
主要問題是:什么時候使用 Object.is() 代替嚴(yán)格的相等性檢查?讓我們找出答案。
1.嚴(yán)格相等檢查操作符
首先,讓我們快速回顧一下嚴(yán)格的相等運(yùn)算符是如何工作的。
當(dāng)兩個值的類型相同且持有相同的值時,嚴(yán)格相等檢查運(yùn)算符的計算結(jié)果為 true。
例如,以下原始值是相等的,因為它們是相同的類型且具有相同的值:
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
對對象執(zhí)行嚴(yán)格相等檢查時,對象僅與自身嚴(yán)格相等:
const myObject = { prop: 'Value' };
myObject === myObject; // => true
即使2個對象的屬性和值完全相同,它們的值也不同:
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)格等于任何其他值,即使使用另一個 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ù),但有兩個區(qū)別。
首先,NaN 等于另一個 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() 是一個不錯的選擇。
Object.is() 作為比較值的函數(shù)性方法也很有用,例如在函數(shù)式編程中。
來源:dmitripavlutin.com,作者:Dmitri Pavlutin,翻譯:公眾號《前端全棧開發(fā)者》
到此這篇關(guān)于詳解JavaScript中的Object.is()與"==="運(yùn)算符總結(jié)的文章就介紹到這了,更多相關(guān)JavaScript中的Object.is()與"==="運(yùn)算符內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
拖動table標(biāo)題實(shí)現(xiàn)改變td的大小(css+js代碼)
拖動列寬的表格table標(biāo)題同時改變td的大小,本文將以實(shí)例演示為大家呈現(xiàn),感興趣的朋友可以參考下哈,希望對你學(xué)習(xí)js或者css有所幫助2013-04-04
微信小程序?qū)崿F(xiàn)購物車代碼實(shí)例詳解
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)購物車代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-08-08
JavaScript模擬實(shí)現(xiàn)繼承的方法
這篇文章主要介紹了JavaScript模擬實(shí)現(xiàn)繼承的方法,實(shí)例分析了javascript類的操作與模擬實(shí)現(xiàn)繼承的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
CocosCreator實(shí)現(xiàn)技能冷卻效果
這篇文章主要介紹了CocosCreator實(shí)現(xiàn)技能冷卻效果,同學(xué)們可以跟著教程,親手試一下,代碼都是可以復(fù)用的2021-04-04
前端echarts加標(biāo)記點(diǎn)及標(biāo)記線和提示框詳細(xì)代碼示例
ECharts中的標(biāo)記線是一條平行于x軸的水平線,有最大值、最小值、平均值等數(shù)據(jù)的標(biāo)記線,它也是在series字段下進(jìn)行配置的,下面這篇文章主要給大家介紹了關(guān)于前端echarts加標(biāo)記點(diǎn)及標(biāo)記線和提示框的相關(guān)資料,需要的朋友可以參考下2024-06-06
JavaScript獲取radio選中值的幾種常用方法小結(jié)
這篇文章主要介紹了JavaScript獲取radio選中值的幾種常用方法,結(jié)合實(shí)例形式總結(jié)分析了javascript獲取radio選中值的常見實(shí)現(xiàn)方法與操作注意事項,需要的朋友可以參考下2023-06-06

