这个问题已经得到了非常彻底的回答，但我想补充一个答案，我希望这个答案尽可能简化，使！！尽可能简单地掌握。

因为JavaScript具有所谓的“truthy”和“falsy”值，所以有些表达式在其他表达式中求值时会导致true或false条件，即使所检查的值或表达式实际上不是true或false。

例如：

if (document.getElementById('myElement')) {
    // Code block
}

如果该元素确实存在，则表达式将求值为true，并执行代码块。

然而：

if (document.getElementById('myElement') == true) {
    // Code block
}

…将不会导致真条件，并且代码块将不会被执行，即使元素确实存在。

为什么？因为document.getElementById（）是一个“truthy”表达式，它在这个if（）语句中的值为true，但它不是一个真正的布尔值true。

在这种情况下，双“not”相当简单。这只是背靠背的两个不。

第一个简单地“反转”真值或假值，产生实际的布尔类型，然后第二个简单地将其“反转”回原始状态，但现在是实际的布尔值。这样你就有了一致性：

if (!!document.getElementById('myElement')) {}

and

if (!!document.getElementById('myElement') == true) {}

将如预期的那样返回true。

这是一种非常晦涩的类型转换方法。

! 表示不。所以真是假的，而且！假是真！0为真，并且！1为假。

所以你要将一个值转换成布尔值，将其反转，然后再次反转。

// Maximum Obscurity:
val.enabled = !!userId;

// Partial Obscurity:
val.enabled = (userId != 0) ? true : false;

// And finally, much easier to understand:
val.enabled = (userId != 0);

// Or just
val.enabled = Boolean(userId);

注意：由于！=运算符的作用以及哪些值被认为是正确的。

以下是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将是真的，还有一个！这将是错误的。

这是我找到的最简单的答案：它的工作方式相当于布尔值。

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

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

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

你可以考虑！！以这种方式：

当第一次！应用时，变量变为布尔值，但值相反然后，第二个！只是恢复正义，并将价值恢复到原来的同等价值