js中两个感叹号的原理与用法分析

      在javascript中有时会看到有两个!!的用法。我很少用到（本人在js方面是菜鸟），但是在一些开源框架（如jquery）中经常看到。所以参考网上的相关资料总结了一下它的用法。

         

Js代码  

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

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

 

Js代码  

1. grep: function( elems, callback, inv ) {  
2.         var ret = [], retVal;  
3.         inv = !!inv;  
4.   
5.         // Go through the array, only saving the items  
6.         // that pass the validator function  
7.         for ( var i = 0, length = elems.length; i < length; i++ ) {  
8.             retVal = !!callback( elems[ i ], i );  
9.             if ( inv !== retVal ) {  
10.                 ret.push( elems[ i ] );  
11.             }  
12.         }  
13.   
14.         return ret;  
15.     }  

     这是jquery中一个比较经典的例子,

     在使用grep函数的时候，如果给出了第三个参数且非null/undefined/0""/等值，则inv为     true，否则为false。这样做的目的就是保证inv和retVal的值都只能在true/false中取，而非其它值，为后续判断提供便利。

<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>