zoukankan      html  css  js  c++  java
  • js中!和!!的区别及用法

    一直搞不清  !! 和 ! 的区别在哪里?

    if (!!item.value) {
        param[item.name] = item.value;
    }

    js 中 ! 的用法是比较灵活的,它除了做逻辑运算常常会用!做类型判断,可以用!与上对象来求得一个布尔值,
    1、!可将变量转换成boolean类型,null、undefined和空字符串取反都为true,其余都为false。

    !null=true
     
    !undefined=true
     
    !''=true
     
    !100=false
     
    !'abc'=false

    2、!!常常用来做类型判断,在第一步!(变量)之后再做逻辑取反运算,在js中新手常常会写这样臃肿的代码:

    判断变量a为非空,未定义或者非空串才能执行方法体的内容。

    var a;
    if(a!=null&&typeof(a)!=undefined&&a!=''){
        //a有内容才执行的代码  
    }

    实际上我们只需要写一个判断表达:

    if(!!a){
        //a有内容才执行的代码...  
    }

    就能和上面达到同样的效果。a是有实际含义的变量才执行方法,否则变量null,undefined和'' "空串都不会执行以下代码。

    可以总结出来,“!”是逻辑与运算,并且可以与任何变量进行逻辑与将其转化为布尔值,“!!”则是逻辑与的取反运算,尤其后者在判断类型时代码简洁高效,省去了多次判断null、undefined和空字符串的冗余代码。

    所以开头的代码中,!!value , 先将value转成取反的布尔值,将得到的布尔值再次取反,保证value的值为null,undefined和空字符串的情况下,if体中的代码不会执行。

    来源:https://blog.csdn.net/chenggang_zh/article/details/84335252

  • 相关阅读:
    解决span中的内容不换行
    javascript中apply、call和bind的区别
    vuex及其属性应用
    55.动态加载Html
    58.圆角图片
    57.动态添加子View(Java/XML两种方式)
    56.Java与js交互
    59.仿微信的图片浏览器
    64.判断当前线程是否是主线程
    61.自定义Indicator
  • 原文地址:https://www.cnblogs.com/youmingkuang/p/15602617.html
Copyright © 2011-2022 走看看