在前端开发中，我们经常需要对数值进行判断，例如判断一个变量是否为 NaN。在 ECMAScript 2021 中，新增了一个 Number.isNaN() 方法，可以用来判断一个值是否为 NaN。本文将介绍 Number.isNaN() 方法的使用方法，并提供示例代码。
Number.isNaN() 方法
Number.isNaN() 方法用于判断一个值是否为 NaN。与全局的 isNaN() 方法不同的是，Number.isNaN() 方法只对数值类型的 NaN 返回 true，对于其他类型的值返回 false。例如：
Number.isNaN(NaN); // true
Number.isNaN(1); // false
Number.isNaN("abc"); // false
Number.isNaN(undefined); // false
Number.isNaN(null); // false从上面的代码可以看出，只有当参数为 NaN 时，Number.isNaN() 方法才会返回 true。
示例代码
下面是一个使用 Number.isNaN() 方法进行数值判断的示例代码：
// javascriptcn.com 代码示例
function isNumber(n) {
return typeof n === "number" && !Number.isNaN(n);
}
console.log(isNumber(1)); // true
console.log(isNumber("abc")); // false
console.log(isNumber(NaN)); // false
console.log(isNumber(undefined)); // false
console.log(isNumber(null)); // false上面的代码中，定义了一个 isNumber() 函数，用于判断一个值是否为数值类型。首先使用 typeof 运算符判断变量类型是否为 "number"，如果是，则使用 Number.isNaN() 方法判断该数值是否为 NaN。如果不是数值类型或是 NaN，则返回 false。
指导意义
使用 Number.isNaN() 方法进行数值判断，可以避免一些常见的错误。在之前的版本中，使用全局的 isNaN() 方法进行数值判断时，会将一些不是 NaN 的值误判为 NaN，例如：
isNaN("abc"); // true
isNaN(undefined); // true
isNaN(null); // false这些结果可能会导致程序出现不可预知的错误。而使用 Number.isNaN() 方法则可以避免这些问题。
同时，使用 Number.isNaN() 方法进行数值判断也可以提高代码的可读性和可维护性。在代码中使用 Number.isNaN() 方法时，可以清晰地表达出判断的意图，而不是使用一些复杂的逻辑来判断一个值是否为 NaN。
总结
本文介绍了 ECMAScript 2021 中的 Number.isNaN() 方法的使用方法，并提供了示例代码。使用 Number.isNaN() 方法进行数值判断可以避免一些常见的错误，并提高代码的可读性和可维护性。在实际开发中，建议优先使用 Number.isNaN() 方法进行数值判断。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653cdbe67d4982a6eb6d24b2