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
A、当Number提供的类型转换方法在解析一个值却无法返回数字时：
Number('echo') //NaN
parseInt('echo123') //NaN
parseInt('123echo') //123
parseFloat('时间跳跃123.1') //NaN
parseFloat('123.1时间跳跃') //123.1
B、计算中使用- / *运算符，参与计算的值转换类型失败时：
1 - '听风是风' //NaN
1 * '123时间跳跃' //NaN
1 / 'echo123' //NaN
C、特别注意，两个数字0相除也会得到NaN：
0 / 0 //NaN
4.isNaN方法的含义，如何判断一个值严格等于NaN
A、isNaN()
window上有一个全局方法isNaN()，可能大分部人认为此方法为判断一个值是否等于NaN，这是因为is NaN直译就是“是不是NaN”所带来的误解，其实本意不是这样：
isNaN(123) //false
isNaN('123时间跳跃') //true
isNaN(NaN) //true
当我们向isNaN传递一个参数，它的本意是通过Number()方法尝试转换参数的类型为Number，如果转换成功返回false，否则转返回true。
它只是判断这个参数能否转成数字而已，并不是判断是否严格等于NaN。
所以当你要判断某个值是否严格等于NaN时无法使用isNaN()方法，毕竟你传递任意字符串它都会返回true。
B、Number.isNaN()
ES6中提供了一个Number.isNaN()方法用于判断一个值是否严格等于NaN：
Number.isNaN(NaN) //true
与isNaN最大的区别是，Number.isNaN不存在转换类型的行为，这点是最大的不同：
isNaN(NaN) //true
Number.isNaN(NaN) //true
isNaN('听风是风') //true
Number.isNaN('听风是风') //false
C、自定义方法
我们前面说过，NaN是唯一一个与自身不相等的特殊值，如果你觉得Number.isNaN存在兼容问题，也可以利用这个特点自己定义验证方法：
const ISNAN = (value) => value !== value;
ISNAN('听风是风'); //false
ISNAN(123); //false
ISNAN(NaN); //true
网友评论