浅谈isNaN和Number.isNaN的区别

isNaN()

什么是NaN值呢？MDN上的解释是在算术运算中返回一个未定义或无法表示的值。为了判断一个计算结果或者变量的值是否为NaN，我们不能简单的使用 NaN == NaN ,或者 NaN === NaN，因为NaN !==NaN的。所以在ES6之前我们用全局的isNaN()方法去做判断是比较安全的。

语法：

isNaN(txtValue)
复制代码

txtValue：表示要检测的值。

isNaN的判断过程：如果传入的参数不是数值类型，首先将传入的参数转为数值类型，然后在进行是否为NaN判断，需要注意一下几种转换结果：

Number('')  // 0
Number(null) // 0
Number(true) // 1
Number(false) // 0
Number(undefined) // NaN
Number('aa') // NaN
复制代码

实例代码：

isNaN(NaN) // true
isNaN(true) // false
isNaN('aaa') // true
isNaN(null) // false
isNaN('') // false
isNaN(undefined) // true
复制代码

Polyfill：当浏览器不支持isNaN()方法时，可以通过如下方法进行自定义isNaN方法

window.isNaN = isNaN || function(value){
    var txtValue = parseInt(value); //此处个人与MDN有歧义啊，
    var txtValue = Number(value); //个人认为应该使用Number去转换
    //因为 parseInt(true) 返回的值是NaN
    return txtValue !== txtValue;   //当为true就表示该值为NaN，因为 NaN !== NaN
}   
复制代码

注意： 0 / 0 返回的是 NaN，而非0数值除以0返回的都是Infinity(无穷);

在ES6的Number.isNaN()扩展方法没有出现之前，全局的isNaN()方法是比较可靠的方式判断是否为NaN，但是在ES6出来之后，我们可以使用Number.isNaN()方法进行可靠的判断NaN值。

Number.isNaN()

语法：

Number.isNaN(txtValue) 
复制代码

txtValue：要检查的值

Number.isNaN()方法是Number对象的扩展方法。主要用于判断数值是否为NaN。

Number.isNaN()方法的判断过程：首先判断传入的参数是否为数值类型，如果判断为true再使用isNaN()方法进行判断。为false就直接返回flase.

Polyfill

Nmuber.isNaN = Number.isNaN || function(value){
    return typeof value === 'number' && isNaN(value);
}
复制代码

Number.isNaN()方法和isNaN()的不同点是，Number.isNaN()不会将传入的非数值类型进行强制转换为数值类型，而是首先判断传入的参数是否为数值类型，只要是非数值类型就直接返回false,

实例

Number.isNaN(true) // false
Number.isNaN('') // false
Number.isNaN(null) // false
Number.isNaN(NaN) // true;
Number.isNaN(123) // false
Number.isNaN('aaa') // false
复制代码

从上面的实例可以看出，只要传入的是非数值类型返回的都为false.

Number.isNaN()方法相比isNaN()方法更严谨，更完善一些。

转载于:https://juejin.im/post/5aea8381518825672565b2fe