Object.is()方法

方法说明

ES5 比较两个值是否相等，只有两个运算符：相等运算符（==）和严格相等运算符（===）。它们都有缺点，前者会自动转换数据类型，后者的NaN不等于自身，以及+0等于-0。JavaScript 缺乏一种运算，在所有环境中，只要两个值是一样的，它们就应该相等。

Object.is() 方法用来判断两个值是否相等，它接收两个参数，分别是需要比较的两个值。返回一个 Boolean 值标示这两个值是否相等。

Object.is('foo', 'foo')
// true
Object.is({}, {})
// false

不同之处只有两个：一是+0不等于-0，二是NaN等于自身。

+0 === -0 //true
NaN === NaN // false
Object.is(+0, -0) // false
Object.is(NaN, NaN) // true

与 “==” 比较

我们都知道 == 比较两个值是否相等，如果两边的值不是同一个类型的话，会将他们转为同一个类型后再进行比较。

123 == '123';   // true
'' == false;    // true
false == 0;     // true
NaN == NaN;     // false

//而 `Object.is()` 不会对要比较的内容的类型进行转换

Object.is(123, 123);  // true
Object.is(123, '123');  // false
Object.is(undefined, undefined);   // true
Object.is(0, false);    // false

与 “===” 比较

=== 不会对类型进行转换，两边的值必须相等且类型相同才会等到 true 。

123 === 123;     // true
123 === '123';   // false
'' === false;    // false
false === 0;     // false
NaN === NaN;     // false

//需要特殊注意的是，对于 0 和 NaN 的比较。无论 0 的正负，他们都是相等的，而 NaN 是与任何值都不相等的，包括他本身。

+0 === -0;  // true
0 === -0;  // true
+0 === 0;  // true
NaN === NaN;  // false

//而 Object.is() 会将 NaN 与 NaN 视为相等，无符号的 0 归为整数。
Object.is(0, +0);    // true
Object.is(-0, 0);    // false
Object.is(-0, +0);    // false
Object.is(NaN, NaN);    // true

对于 引用类型 的值的比较

JavaScript的数据类型分为 值类型 和 引用类型 两种：

• 值类型：字符串（string）、数值（number）、布尔值（boolean）、undefined、null
• 引用类型：对象（Object）、数组（Array）、函数（Function）

区别：

• 值类型
  • 占用空间固定，保存在栈中
  • 保存与复制的是值本身
  • 使用typeof检测数据的类型
• 引用类型
  • 占用空间不固定，保存在堆中
  • 保存与复制的是指向对象的一个指针
  • 使用instanceof检测数据类型
  • 使用new()方法构造出的对象是引用型

const a = {text: '123'};
const b = {text: '123'};
const c = a;

Object.is(a, b);  // false
Object.is(a, c);  // true

// 这与 == 和 === 的结果一致的，因为 a 与 b 不相等因为他们指向了不同的地址，c 是由a赋值而来的，他们指向的是同一个地址，因此是相等的。

c.name = "hello";
Object.is(a, c);  // true

console.log(c);   // {text: "123", name: "hello"}
console.log(a);   // {text: "123", name: "hello"}

// 即使我们在后面对 c 的属性进行一些修改，它与 a 仍然是相等的。因为修改的是 a 与 c 共同指向的那个地址的值。

ES5 可以通过下面的代码，部署Object.is。

Object.defineProperty(Object, 'is', {
  value: function(x, y) {
    // 先判断 x===y ，为 true 时说明其中没有 NaN
    if (x === y) {
      // 针对+0 不等于 -0的情况
      return x !== 0 || 1 / x === 1 / y;
    }
    // 针对NaN的情况
    return x !== x && y !== y;
  },
  configurable: true,
  enumerable: false,
  writable: true
});