迹忆客 专注技术分享

使用 Number.isNaN() 方法检查数字是否为 NaN，例如 if (Number.isNaN(num)) {}。 如果提供的值为 NaN 并且具有数字类型，则 Number.isNaN() 方法将返回 true。

const num = 0 / 'test';
console.log(num); // 👉️ NaN

if (Number.isNaN(num)) {
  // 👉️ this runs only if NaN and type of number
  console.log('Number is NaN');
}

我们使用 Number.isNaN 方法来检查一个值是否具有数字类型并且是 NaN。

检查 NaN 时不应使用相等运算符，因为 NaN 不等于 Javascript 中的 NaN。

// ❌ 不要这样做
console.log(Number.NaN === Number.NaN); // 👉️ false

NaN 是 JavaScript 中唯一不等于自身的值。

Number.isNaN() 方法仅在满足以下条件时才返回 true：

• 该值的类型为 number
• 值为 NaN

以下所有示例都返回 false。

console.log(Number.isNaN('string')); // 👉️ false
console.log(Number.isNaN(undefined)); // 👉️ false
console.log(Number.isNaN(null)); // 👉️ false
console.log(Number.isNaN([])); // 👉️ false
console.log(Number.isNaN({})); // 👉️ false

这是一个示例，演示了 Number.isNaN 方法是如何实现的。

Number.isNaN = Number.isNaN || function isNaN(input) {
    return typeof input === 'number' && input !== input;
}

我们首先检查浏览器是否支持 Number.isNaN 方法。

如果不支持，我们通过将函数附加到 Number 对象的 isNaN 属性来实现它。

该函数检查所提供值的类型是否为 number 类型并且不等于自身。

NaN 是 JavaScript 中唯一不等于自身的值，因此这足以确定该值是否为 NaN。

另一种方法是使用较旧的 isNaN 方法。

如果提供给 isNaN 方法的参数不是数字类型，则该方法会在检查它是否为 NaN 之前将值强制为数字。

这与 Number.isNaN 方法不同，后者不会强制传入的值。

以下是使用 isNaN 方法的一些示例：

console.log(isNaN(0 / 0)); // 👉️ true
console.log(isNaN('string')); // 👉️ true
console.log(isNaN(undefined)); // 👉️ true
console.log(isNaN({})); // 👉️ true
console.log(isNaN(null)); // 👉️ false
console.log(isNaN([])); // 👉️ false

Number.isNaN 方法只会为 Number.isNaN(0 / 0) 返回 true。 所有其他示例都将返回 false。

较旧的 isNaN 方法比 Number.isNaN 更不直观，因为它会在检查值是否为 NaN 之前尝试将非数字强制转换为数字。