欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

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

shiping1 的头像

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

        在javascript中有时会看到有两个!!的用法

         

  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。

 

  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中取,而非其它值,为后续判断提供便利。


如果您看完本篇文章感觉不错,请点击一下右下角的推荐来支持一下博主,谢谢!

如果是原创文章,转载请注明出处!!!

by Aaron:http://www.cnblogs.com/aaronjs/archive/2013/06/09/3129256.html

 来自  http://www.cnblogs.com/aaronjs/archive/2013/06/09/3129256.html
普通分类: