js中isNaN和Number.isNaN的区别

背景 与 JavaScript 中其他的值不同，NaN不能通过相等操作符（== 和 ===）来判断 ，因为 NaN == NaN 和 NaN === NaN 都会返回 false。 因此，isNaN 就很有必要了。

isNaN

1. 用途: 为了判断一个计算结果或者变量的值是否为NaN
2. 过程: 首先进行类型检测，如果参数不是Number类型，isNaN会先将参数转换为数值类型，然后在进行是否为NaN的判断

类型转Number

Number('');  // 0  包含空格的字符串也会被转换成0
Number(null); // 0
Number(0); // 0
Number(1); // 1
Number(true); // 1
Number(false); // 0
Number(undefined); // NaN
Number('str'); // NaN
Number(NaN); // NaN
Number(0 / 0); // 0/0为NaN
Number(1 / 0); // 任何数字/0为Infinity

isNaN

isNaN(''); // false
isNaN(null); // false
isNaN(0); // false
isNaN(1); // false
isNaN(true); // false
isNaN(false); // false
isNaN(undefined); // true
isNaN('str'); // true
isNaN(NaN); // true
isNaN(0 / 0); // true
isNaN(1 / 0); // false

Number.isNaN()

1. 用途: 为了判断一个计算结果或者变量的值是否为NaN
2. 过程: 首先进行类型检测，如果传入的参数不是数值类型，直接返回false，不会自行将参数转换成数字，只有参数为数值类型才进行isNaN的判断，在参数是值为 NaN 的数字时，才会返回 true。

Number.isNaN(''); // false
Number.isNaN(null); // false
Number.isNaN(0); // false
Number.isNaN(1); // false
Number.isNaN(true); // false
Number.isNaN(false); // false
Number.isNaN(undefined); // false
Number.isNaN('str'); // false
Number.isNaN(NaN); // true
Number.isNaN(0 / 0); // true
Number.isNaN(1 / 0); // false

总结
isNaN：将参数转换成数字;
Number.isNaN: 不会自行将参数转换成数字;

参考文档：

• isNaN()
• Number.isNaN()