Js中isNaN和Number.isNaN的区别

Js中isNaN和Number.isNaN的区别

大一暑假 2022-8-11

isNaN

isNaN()是一个全局方法

语法：isNaN(value)

返回值：如果value是NaN返回true；否则返回false

作用：用来判断一个值是否为NaN

判断步骤：

• 第一步调用Number()方法：将value转化为数字。
• 第二步NaN判断:如果value是NaN返回true.否则返回false。

类型转化实例：

Number('') //0
Number(null) //0
Number(true)//1
Number(false)//0
Number(undefined)//NaN
Number('aaa')//NaN
Number('37') //37
Number({}) //NaN
Number(new Date()) //1660156119255
Number("NaN")//NaN

isNaN示例:

isNaN(NaN);       // true
isNaN(undefined); // true
isNaN({});        // true

isNaN(true);      // false
isNaN(null);      // false
isNaN(37);        // false

// strings
isNaN("37");      // false: 可以被转换成数值 37
isNaN("37.37");   // false: 可以被转换成数值 37.37
isNaN("37,5");    // true
isNaN('123ABC');  // true:  parseInt("123ABC") 的结果是 123，但是 Number("123ABC") 结果是 NaN
isNaN("");        // false: 空字符串被转换成 0
isNaN(" ");       // false: 包含空格的字符串被转换成 0

// dates
isNaN(new Date());                // false
isNaN(new Date().toString());     // true

isNaN("blabla")   // true: "blabla"不能转换成数值
                  // 转换成数值失败， 返回 NaN

Number.isNaN

Number.isNaN()是ES6出现的Number对象的扩展方法

语法：Number.isNaN(value)

返回值：如果value是NaN返回true；否则返回false

作用：用来判断一个值是否为NaN。它是原来的全局isNaN()的更稳妥的版本。

检测步骤：

• 第一步类型判断：如果value类型不是是Number类型，则直接返回false。
• 第二步NaN判断:如果value是NaN返回true.否则返回false。

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

// 下面这几个如果使用全局的 isNaN() 时，会返回 true。
Number.isNaN("NaN");      // false，字符串 "NaN" 不会被隐式转换成数字 NaN。
Number.isNaN(undefined);  // false
Number.isNaN({});         // false
Number.isNaN("blabla");   // false

// 下面的都返回 false
Number.isNaN(true);
Number.isNaN(null);
Number.isNaN(37);
Number.isNaN("37");
Number.isNaN("37.37");
Number.isNaN("");
Number.isNaN(" ");

二者区别

isNaN()会将参数做类型转换后再判断
Number.isNaN 不会做类型转换，判断不是数字类型即返回false。