在JavaScript中应用 Object.is() 与 “===” 运算符解决疑难杂症

2023-12-08 07:35:17

当我们比较两个变量时，我们需要确认它们是否具有相同的值。在 JavaScript 中，我们可以使用严格相等运算符 (===) 来进行比较。这个运算符会检查两个变量的类型是否相同，并且它们是否持有相同的值。如果这两个条件都满足，那么运算符就会返回 true，否则返回 false。

然而，在某些情况下，我们可能会遇到一些复杂场景，这些场景会让严格相等运算符难以满足我们的需求。例如，当我们比较引用类型（如对象、数组、函数等）时，情况就会变得有点棘手。这是因为引用类型存储的是指向内存中对象的指针，而不是对象本身。因此，当我们使用严格相等运算符比较两个引用类型时，它实际上是在比较这两个对象的内存地址，而不是它们的内容。

Object.is() 是另一个比较值的方法，它与严格相等运算符的工作方式略有不同。Object.is() 会检查两个变量是否具有相同的值，而不考虑它们的类型。这意味着，即使两个变量的类型不同，只要它们具有相同的值，Object.is() 就会返回 true。

为了更好地理解 Object.is() 与严格相等运算符之间的差异，我们来看几个例子：

// 基本类型比较
const a = 1;
const b = 1;
console.log(a === b); // true
console.log(Object.is(a, b)); // true

// 引用类型比较
const obj1 = {name: 'John'};
const obj2 = {name: 'John'};
console.log(obj1 === obj2); // false
console.log(Object.is(obj1, obj2)); // false

// NaN 比较
const c = NaN;
const d = NaN;
console.log(c === d); // false
console.log(Object.is(c, d)); // true

// 无穷大比较
const e = Infinity;
const f = Infinity;
console.log(e === f); // true
console.log(Object.is(e, f)); // true