辨析 Number.isNaN 与 isNaN，领略 JavaScript 神奇之处

前端

2023-02-01 18:16:02

JavaScript 中的 NaN：深入了解 Number.isNaN() 和 isNaN()

理解 NaN 的本质

在 JavaScript 的数字王国中，NaN（Not-a-Number）是一个迷人的存在，它代表着一种既不确定又无效的数字。当数学运算出错时，比如除以零或对非数字值进行操作，就会产生 NaN。它就像一个数学谜语，让人既好奇又抓耳挠腮。

Number.isNaN() 与 isNaN() 的异同

JavaScript 中有两个函数可以检查一个值是否为 NaN：Number.isNaN() 和 isNaN()。它们虽然有着相似的使命，却在使用上有微妙的区别。

Number.isNaN() ：这是 ECMAScript 6 (ES6) 引入的新函数，专门用于检查一个值是否为 NaN。它的参数必须是一个数字，否则会抛出 TypeError 异常。
isNaN() ：这是一个全局函数，可以检查任何类型的值。它的参数可以是任何类型的值，如果参数不是数字，则返回 false。

使用场景对比

在大多数情况下，推荐使用 Number.isNaN() 来检查一个值是否为 NaN。因为它更加明确和安全。但是，在某些情况下，也可以使用 isNaN() 来检查一个值是否为 NaN。比如，当我们需要检查一个值是否为 NaN 或其他非数字值时，就可以使用 isNaN() 函数。

实例对比

以下代码示例展示了 Number.isNaN() 和 isNaN() 在不同场景下的表现：

// 检查一个数字是否为 NaN
console.log(Number.isNaN(NaN)); // true
console.log(isNaN(NaN)); // true

// 检查一个字符串是否为 NaN
console.log(Number.isNaN('NaN')); // false
console.log(isNaN('NaN')); // true

// 检查一个布尔值是否为 NaN
console.log(Number.isNaN(true)); // false
console.log(isNaN(true)); // false