js中兩個驚嘆號的原理與用法分析

        在javascript中有時會看到有兩個!!的用法

         

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中取，而非其它值，為後續判斷提供便利。