浅谈isNaN和Number.isNaN的区别

isNaN()

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

语法：

1. isNaN(txtValue)

2. 复制代码

txtValue：表示要检测的值。

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

1. Number('') // 0

2. Number(null) // 0

3. Number(true) // 1

4. Number(false) // 0

5. Number(undefined) // NaN

6. Number('aa') // NaN

7. 复制代码

实例代码：

1. isNaN(NaN) // true

2. isNaN(true) // false

3. isNaN('aaa') // true

4. isNaN(null) // false

5. isNaN('') // false

6. isNaN(undefined) // true

7. 复制代码

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

1. window.isNaN = isNaN || function(value){

2. var txtValue = parseInt(value); //此处个人与MDN有歧义啊，

3. var txtValue = Number(value); //个人认为应该使用Number去转换

4. //因为 parseInt(true) 返回的值是NaN

5. return txtValue !== txtValue; //当为true就表示该值为NaN，因为 NaN !== NaN

6. }

7. 复制代码

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

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

Number.isNaN()

语法：

1. Number.isNaN(txtValue)

2. 复制代码

txtValue：要检查的值

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

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

Polyfill

1. Nmuber.isNaN = Number.isNaN || function(value){

2. return typeof value === 'number' && isNaN(value);

3. }

4. 复制代码

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

实例

1. Number.isNaN(true) // false

2. Number.isNaN('') // false

3. Number.isNaN(null) // false

4. Number.isNaN(NaN) // true;

5. Number.isNaN(123) // false

6. Number.isNaN('aaa') // false

7. 复制代码

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

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

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