javascript里两个叹号“!!”表示什么意思

阅读别人的代码,看到了!!foo这样的写法,非常疑惑,Google也不知道怎么才能搜出来,有人能解释下么?

阅读 51.7k
8 个回答

!!就是将所有其他类型都转换成boolean型

!!{} 就是true

!!'' 就是false

我想作用是强制转换类型吧,!!是一个逻辑操作,不论它的后面接的是什么数值,它的结果会被强制转换成bool类型,之所以用两个感叹号,主要是为了让结果不会逻辑反过来,看下面这些例子你就知道了

http://jsfiddle.net/UB5cn/

js中两个感叹号的原理与用法分析(http://www.cnblogs.com/aaronjs/archive/2013/06/09/3129256.html)

   
var foo,goo;  
alert(!foo);//undifined情况下,一个感叹号返回的是true;  
alert(!goo);//null情况下,一个感叹号返回的也是true;  
var o={flag:true};  
var test=!!o.flag;//等效于var test=o.flag||false;  
alert(test);  

这段例子,演示了在undifined和null时,用一个感叹号返回的都是true,用两个感叹号返回的就是false,所以两个感叹号的作用就在于,如果明确设置了变量的值(非null/undifined/0/""等值),结果就会根据变量的实际值来返回,如果没有设置,结果就会返回false。

来看一下Jquery的grep方法:

grep: function( elems, callback, inv ) {  
        var ret = [], retVal;  
        inv = !!inv;  
  
        // Go through the array, only saving the items  
        // that pass the validator function  
        for ( var i = 0, length = elems.length; i < length; i++ ) {  
            retVal = !!callback( elems[ i ], i );  
            if ( inv !== retVal ) {  
                ret.push( elems[ i ] );  
            }  
        }  
  
        return ret;  
    }  
 这是jquery中一个比较经典的例子,

 在使用grep函数的时候,如果给出了第三个参数且非null/undefined/0""/等值,则inv为true,否则为false。
 这样做的目的就是保证inv和retVal的值都只能在true/false中取,而非其它值,为后续判断提供便利。
 简而言之,判断根本如下
var o = {flag : false};
o.flag == false;
!o.flag == true;
!! o.flag == false == o.flag;

var o = {flag : true};
o.flag == true;
!o.flag == false;
!! o.flag == true == o.flag;

强制转换为bool值,两次逻辑取反!(!foo)

这个的目的在与当你的确需要个bool值结果的时候,在if(),while()等里面会自动转bool,就没必要加!!了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏