探索 Object.is()：深入剖析函数的细节、用途和示例

2023-12-23 07:25:44

1. Object.is() 的基本原理

在 JavaScript 中，我们可以使用相等运算符（==）或严格相等运算符（===）来比较两个值是否相等。== 运算符执行类型转换，使比较更加灵活，而 === 运算符则进行严格相等检查，不会执行类型转换。然而，NaN（Not a Number）这个特殊值是一个例外，当使用 == 运算符时，NaN 与自身相等，这违反了严格相等性的原则。为了解决这个问题，JavaScript 引入了 Object.is() 函数。

2. Object.is() 的应用场景

Object.is() 函数在以下场景中非常有用：

比较 NaN：使用 Object.is() 可以正确地比较 NaN 与自身或其他 NaN 值是否相等。
比较原始值和引用类型：使用 Object.is() 可以区分原始值和引用类型之间的差异。当比较两个指向相同对象的引用类型时，Object.is() 会返回 true，而 == 和 === 运算符则会返回 false。
检测循环引用：Object.is() 可以帮助检测循环引用。当两个对象之间存在循环引用时，Object.is() 会返回 true，而 == 和 === 运算符则会返回 false。

3. Object.is() 的示例

以下是一些使用 Object.is() 函数的示例：

console.log(Object.is(NaN, NaN)); // true
console.log(NaN == NaN); // true
console.log(NaN === NaN); // false

const obj1 = { name: 'John Doe' };
const obj2 = obj1;
console.log(Object.is(obj1, obj2)); // true
console.log(obj1 == obj2); // true
console.log(obj1 === obj2); // true

const obj3 = { name: 'John Doe' };
console.log(Object.is(obj1, obj3)); // false
console.log(obj1 == obj3); // false
console.log(obj1 === obj3); // false