!!foo两次应用一元not运算符，并用于转换为布尔类型，类似于使用一元加号+foo转换为数字，并连接空字符串“”+foo以转换为字符串。

除了这些黑客，您还可以使用与基元类型相对应的构造函数（不使用new）来显式转换值，即。，

Boolean(foo) === !!foo
Number(foo)  === +foo
String(foo)  === ''+foo

使用逻辑not运算符两次。

这意味着！true=false和！！true=真。

以下是AngularJS的一段代码：

var requestAnimationFrame = $window.requestAnimationFrame ||
                            $window.webkitRequestAnimationFrame ||
                            $window.mozRequestAnimationFrame;

var rafSupported = !!requestAnimationFrame;

他们的意图是根据requestAnimationFrame中函数的可用性将rafSupported设置为true或false。

通常可以通过以下方式进行检查：

if(typeof requestAnimationFrame === 'function')
    rafSupported =true;
else
    rafSupported =false;

这条短路可以用！！

rafSupported = !!requestAnimationFrame;

因此，如果requestAnimationFrame被分配了一个函数，那么！requestAnimationFrame将为false，还有一个！这是真的。

如果requestAnimationFrame未定义，则！requestAnimationFrame将是真的，还有一个！这将是错误的。

我只是想补充一下

if(variableThing){
  // do something
}

与

if(!!variableThing){
  // do something
}

但当某些东西未定义时，这可能是一个问题。

// a === undefined, b is an empty object (eg. b.asdf === undefined)
var a, b = {};

// Both of these give error a.foo is not defined etc.
// you'd see the same behavior for !!a.foo and !!b.foo.bar

a.foo 
b.foo.bar

// This works -- these return undefined

a && a.foo
b.foo && b.foo.bar
b && b.foo && b.foo.bar

这里的技巧是，&&s链将返回它找到的第一个假值，这可以被馈送到if语句等。因此，如果b.foo未定义，它将返回undefined并跳过b.foo.bar语句，我们不会得到任何错误。

上面的返回未定义，但如果您有一个空字符串，false，null，0，undefined，这些值将返回，一旦我们在链中遇到它们——[]和｛｝都是“truthy”，我们将沿着所谓的“&&链”继续到右边的下一个值。

P.S.执行上述（b&&b.foo）的另一种方法是（b||{}）.foo。这些方法是等效的，因为如果b未定义，则b||｛｝将为｛}，并且您将访问空对象中的值（无错误），而不是尝试访问“undefined”中的值。

因此，（b||{}）.foo与b&&b.foo相同，（（b||{}）/foo||{}）.bar与b&&b.foo&&b.foo.bar相同。

!! 同时使用NOT操作两次！将值转换为布尔值并将其反转，因此使用两次，显示该值的布尔值（false或true）。这里有一个简单的例子来看看如何！！作品：

首先，您所处的位置：

var zero = 0;

那你做了！0。它将被转换为布尔值，并被计算为真，因为0是假的，因此您将得到相反的值并被转换为Boolean，因此它被计算为true。

!zero; //true

但是我们不希望值的布尔值反转，所以我们可以再次反转以获得结果！这就是为什么我们使用另一个！。

大体上使我们确定我们得到的值是布尔值，而不是假值、真值、字符串等。。。

因此，这就像在JavaScript中使用布尔函数，但将值转换为布尔值的方法更简单、更短：

var zero = 0;
!!zero; //false

它将所有的东西都强制为布尔值。

例如：

console.log(undefined);   // -> undefined
console.log(!undefined);  // -> true
console.log(!!undefined); // -> false

console.log('abc');   // -> abc
console.log(!'abc');  // -> false
console.log(!!'abc'); // -> true

console.log(0 === false);   // -> false
console.log(!0 === false);  // -> false
console.log(!!0 === false); // -> true