小知了
一个不神奇的博客
js中两个!!的用法
2016-12-31 01:54:26   阅读609次

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

var foo;  
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。

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;  
 }


说明:这个jq源码的例子还是很好的,涉及了一种思想,函数里面传函数进行过滤数据。函数是第一等公民。可以作为变量,可以作为参数,可以作为函数返回值,可以作为一个模块。什么都没函数重要!在c语言中,可以传入函数指针进行函数调用!这段代码用到了js函数式编程里面的高阶函数知识,像数组排序,对象排序sort方法均可以传入高阶函数。java里面的hashmap和hashtable里的对象排序,要实现Comparable接口的int compareTo(T o)方法,此有异曲同工之妙。启发:grep在jq是工具函数,用法写成了对象字面常量类型的:

var util = {
    grep:function().......
}

blob.png

//数组过滤方法

$.grep([0,1,2], function(n,i){
  n > 1
},false);


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

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

在js高级程序设计里有一个demo:

var hasNSPlugins = !!(navigator.plugins && navigator.plugins.length);
var hasDOM1 = !!(document.getElementById && document.createElement && document.getElementsByTagName);


作者说目的是:双逻辑非操作来获取布尔值(比先存储后访问效果更好)

其实不懂!



-----------------------------------------------------
转载请注明来源此处
原地址:#

-----网友评论----
1楼:chenjianhua 发表于 2017-01-17 17:22:05
这个,其实就是i++要比i=i+1要好
-----发表评论----
微网聚博客乐园 ©2014 blog.mn886.net 鲁ICP备14012923号   网站导航