JavaScript中两个感叹号的作用

最新推荐文章于 2023-04-14 10:41:36 发布

转载最新推荐文章于 2023-04-14 10:41:36 发布 · 63 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/simpman/archive/2013/03/07/2947806.html

文章标签：

#javascript #ViewUI

本文探讨了JavaScript中使用双感叹号进行布尔转换的方法及其在jQuery中的应用实例。通过具体的代码示例解释了如何确保变量在true/false之间取值，并展示了jQuery的grep函数如何利用这一特性简化逻辑判断。

先用一个简单的例子说明：
var o={flag:true};
var test=!!o.flag;//等效于var test=o.flag||false;
alert(test);
由于对null与undefined用!操作符时都会产生true的结果，所以用两个感叹号的作用就在于，如果明确设置了o中flag的值（非null/undefined/0""/等值），自然test就会取跟o.flag一样的值；如果没有设置，test就会默认为false，而不是null或undefined。
在jQuery中比较经典的例子如下：（jQuery 1.7.0.js: Line 748）
    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;
    }
在使用grep函数的时候，如果给出了第三个参数且非null/undefined/0""/等值，则inv为true，否则为false。这样做的目的就是保证inv和retVal的值都只能在true/false中取，而非其它值，为后续判断提供便利。