深入了解 JavaScript 中的 isNaN() 与 Number.isNaN() 和它们之间的差异

在 JavaScript 中，我们通常使用 isNaN() 来检查一个值是否为 NaN（Not-a-Number）。然而，ES6 引入了 Number.isNaN() 方法，看起来很相似，但它们之间存在微妙的差异，本文将揭示这些差异。

1. isNaN() 是全局函数，而 Number.isNaN() 是 Number 的静态方法。

首先，让我们看看它们的基本用法。

// 代码
isNaN(NaN); // true
isNaN("Hello"); // true
Number.isNaN(NaN); // true
Number.isNaN("Hello"); // false

如上所示，isNaN() 函数会尝试将其参数转换为数字，然后检查结果是否为 NaN。这就是为什么 isNaN(“Hello”) 返回 true 的原因，因为尝试将非数字字符串转换为数字将返回 NaN。

相比之下，Number.isNaN() 不会尝试强制转换参数为数字。只有在参数本身是 NaN 时，它才会返回 true。

2. isNaN() 对于非数字类型的参数会出现问题。

这是 isNaN() 的一个常见陷阱：

// 代码
isNaN("123"); // false

在这个示例中，isNaN("123") 返回 false，尽管字符串 "123" 不能被解释为数字。这是因为 isNaN() 首先尝试将字符串转换为数字，而 "123" 可以转换为数字 123，所以它返回 false。

但 Number.isNaN() 不会对非数字类型的参数产生误导：

// 代码
Number.isNaN("123"); // false

3. 使用场景

使用 isNaN() 当您需要检查值是否是 NaN 以及在需要将非数字值视为 NaN 时。
使用 Number.isNaN() 当您需要严格检查一个值是否是 NaN，而不将非数字值视为 NaN 时。

总结

isNaN() 和 Number.isNaN() 都有其用武之地，但要注意它们之间微妙的差异。选择合适的函数取决于您的使用情况，如果您需要更精确地检查一个值是否为 NaN，Number.isNaN() 是更好的选择。如果您希望将非数字值也视为 NaN，则可以使用 isNaN()。

了解这些差异有助于编写更可靠的 JavaScript 代码，避免由于类型转换而引发的意外错误。