关于NaN的一些总结

首先明确一点，NaN不是独立的数据类型，而是一个特殊数值，它的数据类型依然属于Number。是not a number的缩写，表示非数字。

typeof NaN // 'number'
1

1. 出现NaN的原因

可能原因：

1. 操作的两个数，类型不一致

var a = 10;
var b ;  //undefined  
console.log(a + b)  //NaN  相当于10 + undefined  
1
2
3

2. 其中一个值为NaN，计算后仍为NaN

 NaN + 1   //NaN
 10*NaN    //NaN
1
2

3. 一个不能被解析的数字

    Number('abc')  //NaN
    Number(undefined)  //NaN
1
2

为防止出错在计算之前console一下，查看计算的数字的具体类型。防止出错。

2. 关于NaN

NaN是唯一一个和自身不相等的值：

NaN === NaN  // false
1

如果想确定这个值是不是NaN,可以利用NaN的特殊性;
值是否与本身不相等（NaN是唯一有这样特性的值）

function isValueNaN(value){
    return value !== value
}
1
2
3

3. 如何辨别NaN(非数字)

可以用isNaN() 来判断一个数值是不是非数字，并不是用来判断是不是NaN这个值，这个地方可能刚看有点绕，多看几遍就能体会了；

isNaN(undefined)  //true
isNaN(NaN)  //true
isNaN('0')  //false
1
2
3

为什么说isNaN() 不是判断NaN这个值呢？
因为isNaN() 对非数字不起作用，他首先是Number()把值转成数字，转换结果可能是NaN,然后就返回true

4. 关于isNaN()

项目中使用 isNaN(undfined)结果是true，不是很明白，百度问题发现

使用 isNaN() 判断是不是 NaN 时，此方法会使用 Number() 方法做一个转换，任何非数字都会被 强制类型 转换，undefined 被转换后为 NaN ,所以显示 true；
isNaN(xxx) 其实与 isNaN(Number(xxx)) 等价

值得一提的是，isNaN() 转换时除了null，数组类型，空字符串和布尔值会被强制转换为数值0或1，返回false之外；其余非数字类型都会被转为NaN，返回true

举例：

isNaN(NaN)  //true
isNaN(undefined)  //true
isNaN({})  //true
isNaN(true)  //false   true 会转换为 1，false 转换为 0
isNaN(null)  //false    null转为0
isNaN(66)  //false
//strings
isNaN('66')  //false  被转换成数值66
isNaN('66.88')  //false  被转换成数值66.88
isNaN("")  //false   空字符串转为0，是数字
isNaN(" ")  //false  包含空格的字符串被转换成0 
//dates
isNaN(new Date())  //false 
isNaN(new Date().toString())  //true  转成了字符串文字，非数字
isNaN("kkk")   //true   "kkk"不能转换成数字，值是NaN
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

5. isNaN()和NaN的区别

isNaN() 是一个全局方法（挂在window对象上的方法），它的作用是检查一个值是否能被Number() 成功转换。能转换成功，就返回false，否则返回true。
是Boolean类型

NaN是一个特殊数值，不是数据类型。
当一个字符串不能被Number，parseInt或parseFloat成功转换时，就返回NaN
NaN是唯一一个和自身不相等的值, NaN !== NaN

6. 关于隐式转换

减号“-” 可理解为减法运算 （-0转换成数字）
加号“+” 可理解为字符串拼接（+“”转换成字符串）

参考：
(JS)isNaN()方法判断undefined为true的原因
isNaN()部分总结
JS中的NaN