为什么 `isFinite(null) === true`？

在 JavaScript 中，isFinite() 方法用于确定一个值是否是有限数（finite number）。然而，当传入 null 值时，该方法返回了意外的结果：true。这可能会引起一些困惑和错误，因此让我们来深入探讨一下这个问题。

isFinite() 方法

首先，我们需要了解 isFinite() 方法的工作原理。它会将传入的值转换为一个数值类型，并且检查该值是否是有限数。如果传入的值不能转换为数值类型，则返回 false，否则返回 true。

isFinite(Infinity); // false
isFinite(-Infinity); // false
isFinite(NaN); // false
isFinite(123); // true

null 的转换规则

接下来，我们需要研究一下 null 值的转换规则。根据 ECMAScript 规范，null 转换成数字时会变成 +0。也就是说，下面的代码会打印出 true：

console.log(null == 0); // false
console.log(+null); // 0
console.log(+null === 0); // true

因此，我们可以预测调用 isFinite(null) 应该返回 false。但是实际上，它返回了 true。这是为什么呢？

isFinite() 的算法

我们来看一下 isFinite() 方法的实现：

function isFinite(number) {
  if (typeof number !== 'number') {
    return false;
  }
  return !(number !== number || number === Infinity || number === -Infinity);
}

该方法首先检查传入值是否为数字类型，如果不是则返回 false。接着它使用了一个奇怪的判断 (number !== number) 来检查 NaN 值，并将其排除在有限数之外。

但是，这个算法无法区分 null 和 0。因为 +null 和 +0 的结果都是 0，所以它们在这里被视为相同的值，都被认为是有限数。

解决方案

为了避免这种问题，我们可以使用更准确的方法来检查一个值是否为有限数。例如，可以使用 Number.isFinite() 方法或者直接比较值与 Infinity 和 -Infinity：

console.log(Number.isFinite(null)); // false
console.log(null !== Infinity && null !== -Infinity); // false

另外，在进行类型转换时请务必小心，避免出现意外的行为。建议在代码中尽可能地显式地进行类型转换，而不要依赖隐式转换。

结论

虽然 isFinite(null) === true 看起来很奇怪，但它的原因是 isFinite() 的算法无法区分 null 和 0。为了避免这种问题，我们可以使用更准确的方法来检查一个值是否为有限数，并且在进行类型转换时应该小心谨慎，避免出现意外的行为。

希望本文能够帮助你理解 JavaScript 中的类型转换和方法实现，并避免一些常见的错误。

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