isNaN()是ES5的方法,Number.isNaN()是ES6的方法
可能有一些童鞋会认为 isNaN直译为“是不是 NaN”,其本意不是,isNaN本意是通过Number方法把参数转换成数字类型,如若转换成功,则返回false,反之返回true,它只是判断参数是否能转成数字,不能用来判断是否严格等于NaN。,如果要判断某个值是否严格等于NaN不能用这个方法
ES6提供了Number.isNaN方法用来判断一个值是否严格等于NaN,它会首先判断传入的值是否为数字类型,如不是,直接返回false。
区别:
isNaN方法首先转换类型,而Number.isNaN方法不用;
isNaN不能用来判断是否严格等于NaN,Number.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
在ES6的Number.isNaN()扩展方法没有出现之前,全局的isNaN()方法是比较可靠的方式判断是否为NaN,但是在ES6出来之后,我们可以使用Number.isNaN()方法进行可靠的判断NaN值。
Number.isNaN()
语法:
Number.isNaN(txtValue)
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()方法更严谨,更完善一些。