JavaScript中的Object.is()与严格相等运算符

开发 前端
ES2015规范引入了 Object.is(),其行为与严格的相等运算符几乎相同。什么时候使用 Object.is() 代替严格的相等性检查?让我们找出答案。

三重相等运算符 === 严格检查2个值是否相同:

  1. 1 === 1;    // => true 
  2. 1 === '1';  // => false 
  3. 1 === true; // => false 

但是,ES2015规范引入了 Object.is(),其行为与严格的相等运算符几乎相同:

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

主要问题是:什么时候使用 Object.is() 代替严格的相等性检查?让我们找出答案。

1. 严格相等检查操作符

首先,让我们快速回顾一下严格的相等运算符是如何工作的。

当两个值的类型相同且持有相同的值时,严格相等检查运算符的计算结果为 true。

例如,以下原始值是相等的,因为它们是相同的类型且具有相同的值:

  1. 1         === 1;         // => true 
  2. 'abc'     === 'abc';     // => true 
  3. true      === true;      // => true 
  4. null      === null;      // => true 
  5. undefined === undefined; // => true 

严格相等运算符不执行类型的强制转换,即使操作符持有合理的相同值,但是不同类型的操作符,它们也不是严格相等的:

  1. 1    === '1';       // => false 
  2. 1    === true;      // => false 
  3. null === undefined; // => false 

对对象执行严格相等检查时,对象仅与自身严格相等:

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

即使2个对象的属性和值完全相同,它们的值也不同:

  1. const myObject1 = { prop: 'Value' }; 
  2. const myObject2 = { prop: 'Value' }; 
  3. myObject1 === myObject2; // => false 

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

严格相等检查和 Object.is() 之间的区别在于,如何处理 NaN 和如何处理负零 -0。

首先,NaN(非数字)并不严格等于任何其他值,即使使用另一个 NaN:

  1. NaN === NaN; // => false 
  2. NaN === 1;   // => false 

其次,严格相等运算符不能将 -0 与 +0 区分开:

  1. -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 值:

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

其次,Object.is() 区分 -0 和 +0:

  1. 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() 作为比较值的函数性方法也很有用,例如在函数式编程中。

 

责任编辑:赵宁宁 来源: 今日头条
相关推荐

2021-03-13 17:48:07

JavaScriptObject.is()运算符

2021-05-07 06:27:29

JavaScript运算符开发

2022-09-07 00:04:37

JavaScript运算符技巧

2009-11-06 13:57:52

C#

2023-04-10 08:58:13

C#关系运算符

2017-05-11 16:38:07

javascript逻辑运算符

2020-03-27 22:33:30

JavaScript运算符逗号

2021-02-20 23:34:22

JavaScript运算符开发

2023-09-07 23:30:47

运算符C++

2021-07-12 15:35:56

JavaScript代码运算符

2017-09-13 10:58:51

JavaScript转换规则

2024-06-11 14:57:00

2017-09-05 16:17:35

JavaScript运算转换

2009-08-11 15:51:08

C#运算符算术运算符

2009-08-12 15:20:18

C#赋值运算符复合赋值运算符

2020-10-15 08:11:56

JavaScript逻辑运算符

2009-08-12 15:02:49

C#赋值运算符简单赋值运算符

2010-10-08 09:17:07

JavaScript表JavaScript运

2009-11-26 11:12:07

PHP运算符

2015-06-09 10:55:58

JavaScriptinstanceof运
点赞
收藏

51CTO技术栈公众号