JavaScript中两个感叹号的作用说明

287 阅读 0 评论 190 点赞

我是靠谱客的博主秀丽小鸽子，最近开发中收集的这篇文章主要介绍JavaScript中两个感叹号的作用说明，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

先用一个简单的例子说明：

复制代码代码如下:

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