• 技术文章 >web前端 >js教程

    js中isNaN和Number.isNaN的区别是什么

    青灯夜游青灯夜游2020-11-17 18:18:07原创395

    区别:Number.isNaN不存在类型转换的行为,而isNaN会尝试将参数转换成Number类型。isNaN只是判断传入的参数是否能转换成数字,并不是严格的判断是否等于NaN;而Number.isNaN判断传入的参数是否严格的等于NaN。

    推荐教程:《JavaScript视频教程

    isNaN

    当我们向isNaN传递一个参数,它的本意是通过Number()方法尝试将这参数转换成Number类型,如果成功返回false,如果失败返回true。

    所以isNaN只是判断传入的参数是否能转换成数字,并不是严格的判断是否等于NaN。

    例子:

    Number('测试')

    因为没有将“测试”成功转换成Number类型,所以下面代码输出true

    console.log(isNaN('测试')) //true

    Number.isNaN

    判断传入的参数是否严格的等于NaN(也就是 ===)。

    那一般在什么情况下会用到Number.isNaN呢?

    当两个变量进行运算时,我们可以使用Number.isNaN来判断它的值是否为NaN

    console.log(Number.isNaN(1/'测试')); //输出true

    两者的区别

    Number.isNaN与isNaN最的区别是,Number.isNaN不存在类型转换的行为。

    console.log(isNaN('测试')) //true
    console.log(Number.isNaN('测试')) //false

    上面代码中,都是传入字符串“测试”,但为什么结果不同?原因在于:

    isNaN会通过Number方法,试图将字符串"测试"转换成Number类型,但转换失败了,因为 Number('测试') 的结果为NaN ,所以最后返回true。

    而Number.isNaN方法,只是严格的判断传入的参数是否全等于NaN( '测试' === NaN) ,字符串当然不全等于NaN啦,所以输出false。

    更多编程相关知识,请访问:编程教学!!

    以上就是js中isNaN和Number.isNaN的区别是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:jQuery遍历方法有哪些? 下一篇:js怎么获取css属性
    大前端线上培训班

    相关文章推荐

    • PHP+JavaScript实现刷新继续保持倒计时的按钮• 详细了解JavaScript中的构造器• 分享一些JavaScript中鲜为人知的隐藏语法或技巧• 详细了解JavaScript中的延迟加载• 深入了解JavaScript 缓存

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网