使用 ES10 中引入的 Object.is() 方法解决 JS 中的类型比较问题

在 JavaScript 中，我们经常需要进行类型比较，比如判断两个变量是否相等、判断一个值是否为 NaN 等等。然而，在 JS 中进行类型比较时会遇到一些问题，比如：

1. == 操作符会进行隐式类型转换，可能会导致一些错误的比较结果；
2. === 操作符有时候也不能满足我们的需求，比如 NaN === NaN 的结果为 false；
3. Object.prototype.toString.call() 比较麻烦，而且也不是很直观。

好在在 ES10 中，引入了一个新的方法——Object.is()，就可以解决这些问题了。

Object.is() 基础使用

Object.is() 方法可以用来比较两个值是否完全相同，如果相同则返回 true，否则返回 false。这里所谓的“完全相同”，是指两个值的类型和值都相同，不会发生隐式类型转换。

具体来说，Object.is() 方法有以下几个特点：

1. 对于两个值，如果它们类型不同，那么它们一定不相等，不会进行隐式类型转换；
2. 对于 Number 类型的值，如果它们相等，则必须是同一个值，并且不为 NaN；
3. 对于 NaN 值，只有 NaN === NaN 才返回 true；
4. 对于对象和数组，则需要它们是同一个引用。

下面来看一些具体的例子：

console.log(Object.is(1, 2)); // false
console.log(Object.is('1', 1)); // false
console.log(Object.is(NaN, NaN)); // true
console.log(Object.is(0, -0)); // false
console.log(Object.is({}, {})); // false

const obj = {};
console.log(Object.is(obj, obj)); // true

Object.is() 在条件判断中的应用

Object.is() 方法可以使用在条件判断中，比如：

const value = NaN;

if (Object.is(value, NaN)) {
  console.log('value is NaN');
}

这样可以避免 value === NaN 的情况，因为 NaN === NaN 为 false。

Object.is() 的实现

Object.is() 的实现也很简单，可以看看下面这个示例代码：

-- -------------------- ---- -------
--------- - ----------- -- -
  -- -- --- -- -
    -- ---------- - - --
    ------ - --- - -- - - - --- - - --
  - ---- -
    -- -- --- ---
    ------ - --- - -- - --- --
  -
--

总结

Object.is() 方法是 ES10 中的一个新方法，其可以用来比较两个值是否完全相同。相比于 == 和 === 操作符和 Object.prototype.toString.call()，Object.is() 更加直观、灵活、简单明了。希望这篇文章可以帮助大家更好地理解和使用 Object.is() 方法，在日常开发中体现出它的优越性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cf582bb5eee0b5256b09ef