js中的NaN，isNaN与Number.isNaN的区别，如何判断一个值严格等于NaN

在JavaScript的数字类型Number中，我们最常使用的大概是整数类型与浮点数类型，但除这两者外，还有个特殊的存在NaN，为什么NaN！==NaN？我们如何判断一个值是否等于NaN呢？这篇文章好好聊聊NaN。

1.NaN是什么？

NaN全称是Not-A-Number(不是一个数字)，我们可以通过Number.NaN来获得一个NaN，在类型转换失败时，我们常常会得到一个NaN，需要注意的是，NaN是JS中唯一一个自身不相等的存在。

Number.NaN //NaN
NaN === NaN //false

2.为什么NaN!==NaN?

NaN只是Number上的一个静态属性。

Number('echo') //NaN

比如Number('echo')会得到NaN，它只是为了告诉你这个值不是一个数字，一种表示方法，而非一个精准有效的值，因此NaN不能参与计算，也无法与自身比较。

3.什么情况下产生NaN

当Number提供的类型转换方法在解析一个值却无法返回数字时：

Number('echo') //NaN
 
parseInt('echo123') //NaN
parseInt('123echo') //
 
parseFloat('时间跳跃123.1') //NaN
parseFloat('123.1时间跳跃') //123.1

计算中使用-  /   *运算符，参与计算的值转换类型失败时：

1 - '听风是风' //NaN
1 * '123时间跳跃' //NaN
1 / 'echo123' //NaN

特别注意，两个数字0相除也会得到NaN：

0 / 0 //NaN

4.isNaN方法的含义，如何判断一个值严格等于NaN

window上有一个全局方法isNaN()，可能大分部人习惯理解此方法为判断一个值是等于NaN，这是因为is NaN直译就是“是不是NaN”所带来的误解，其实本意不是这样：

isNaN(123) //false
isNaN('123时间跳跃') //true
isNaN(NaN) //true

当我们向isNaN传递一个参数，它的本意是通过Number()方法尝试转换参数的类型为Number，如果转换成功返回false，否则转返回true，它只是判断这个参数能否转成数字而已，并不是判断是否严格等于NaN。

所以当你要判断某个值是否严格等于NaN时无法使用isNaN()方法，毕竟你传递任意字符串它都会返回true。

ES6中提供了一个Number.isNaN()方法用于判断一个值是否严格等于NaN：

Number.isNaN(NaN)//true

与isNaN最大的区别是，Number.isNaN不存在转换类型的行为，这点是最大的不同：

isNaN(NaN) //true
Number.isNaN(NaN) //true
 
isNaN('听风是风') //true
Number.isNaN('听风是风') //false

我们在前面说过，NaN是唯一一个与自身不相等的特殊值，如果你觉得Number.isNaN存在兼容问题，也可以利用这个特点自己定义验证方法：

const ISNAN = (value) => value !== value;
ISNAN('听风是风'); //false
ISNAN(123); //false
ISNAN(NaN); //true

参考资料：

JavaScript中的 NaN 与 isNaN

MDN--NaN

MDN--isNaN