检查 TypeScript 中的值是否为 NaN

要检查值是否为 NaN，请调用 Number.isNaN() 方法，将值作为参数传递给它。 Number.isNaN 方法如果传入的值为 NaN 并且具有数字类型，则返回 true，否则返回 false。

const val = Number('hello');
console.log(val); // ?️ NaN

if (Number.isNaN(val)) {
  // ?️ 这仅在 NaN 和数字类型时运行
  console.log('Value is NaN');
}

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

如果传递给 Number.isNaN 方法的值不是数字类型，则必须在将其传递给方法之前对其进行转换。

// ?️ false, 因为传入的值不是数字
console.log(Number.isNaN('test'));

Number.isNaN 方法仅在传入的值的类型为数字且为 NaN 时才返回 true。

// ?️ true
console.log(Number.isNaN(Number('test')));

为了获得准确的结果，请始终将非数字转换为数字，然后再将它们传递给方法。

在检查 NaN 时，您永远不应该尝试使用相等运算符，因为看起来很混乱，NaN 不等于 Javascript（和 TypeScript）中的 NaN。

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

NaN 是 JavaScript（和 TypeScript）中唯一不等于自身的值。

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

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

以下所有示例都返回 false。

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

Number.isNaN 函数很容易实现。

function isNaN(input: unknown) {
  return typeof input === 'number' && input !== input;
}

该函数接受一个未知类型的参数，检查它是否是一个数字并且不等于它自己。

由于 NaN 是 TypeScript 中唯一不等于自身的值，因此足以确定用户输入是否为 NaN。

我们可能还会在网上看到使用较旧的 isNaN 函数的示例。

这通常是一种不好的做法，因为 isNaN 方法非常不直观。

如果提供给 isNaN 方法的参数不是数字类型，则该方法将值强制转换为数字，然后再检查它是否为 NaN。

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

幸运的是，在 TypeScript 中 isNaN 函数的类型是接受 number 类型的参数，所以要害死自己要困难得多。

通常建议不要使用超出需要的方法，这些方法可能会让我们感到惊讶并导致难以跟踪应用程序中的错误。