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

沏茶：

!! 不是运算符。这是双重用途！--这是逻辑“not”运算符。

理论上：

! 确定值不是什么的“真相”：

事实是假的不是真的（这就是为什么！假的结果真实）事实是真的不是假的（这就是为什么！真的结果假）

!! 确定值不是什么的“真相”：

事实是真的不是假的（这就是为什么！！真的结果是真的）事实是，假的不是假的（这就是为什么！！假的结果是假的）

我们希望在比较中确定的是参考值的“真相”，而不是参考本身的值。在一个用例中，我们可能想知道值的真实性，即使我们希望值为false（或false），或者如果我们希望值不是布尔类型。

在实践中：

考虑一个简洁的函数，它通过动态类型（也称为“鸭子类型”）来检测特性功能（在本例中，还包括平台兼容性）。如果用户的浏览器支持HTML5＜audio＞元素，我们希望编写一个返回true的函数，但如果＜audio＜未定义，我们不希望该函数抛出错误；我们不想使用try。。。捕捉以处理任何可能的错误（因为它们很严重）；此外，我们也不希望在函数中使用无法始终揭示功能真相的检查（例如，document.createElement（'audio'）仍将创建一个名为<audio>的元素，即使不支持HTML5<audio'）。

以下是三种方法：

// this won't tell us anything about HTML5 `<audio>` as a feature
var foo = function(tag, atr) { return document.createElement(tag)[atr]; }

// this won't return true if the feature is detected (although it works just fine)
var bar = function(tag, atr) { return !document.createElement(tag)[atr]; }

// this is the concise, feature-detecting solution we want
var baz = function(tag, atr) { return !!document.createElement(tag)[atr]; }

foo('audio', 'preload'); // returns "auto"
bar('audio', 'preload'); // returns false
baz('audio', 'preload'); // returns true

每个函数都接受一个<tag>参数和一个要查找的属性，但它们都会根据比较结果返回不同的值。

但等等，还有更多！

你们中的一些人可能注意到，在这个特定的示例中，可以使用稍微更高性能的方法来检查对象是否具有属性。有两种方法可以做到这一点：

// the native `hasOwnProperty` method
var qux = function(tag, atr) { return document.createElement(tag).hasOwnProperty(atr); }

// the `in` operator
var quux = function(tag, atr) { return atr in document.createElement(tag); }

qux('audio', 'preload');  // returns true
quux('audio', 'preload'); // returns true

我们离题了。。。

无论这些情况多么罕见，可能存在一些情况，其中最简洁、最高效，因此最优选的从非布尔值（可能是未定义的值）获得真值的方法确实是使用！！。希望这可笑地澄清了这一点。

!! 类似于使用布尔构造函数，或者可以说更像布尔函数。

console.log（布尔值（null））；//优先于布尔对象console.log（new Boolean（null）.valueOf（））；//不建议用于转换非布尔值console.log（！！null）；//一种省略调用布尔函数的方法，但本质上也是这样。//您之前看到的上下文（您的示例）var垂直；函数示例（垂直）{this.vertical=垂直！==未定义！！垂直：此垂直；//让我们来细分一下：如果vertical没有被严格定义，则返回vertical的布尔值并将其设置为this.vertical。如果没有，则不要为this.vertical设置值（只需忽略它并将其重新设置为以前的值；在这种情况下，什么都没有）。返回this.vertical；}console.log（“\n---------------------”）//垂直当前未定义console.log（新示例（垂直）垂直）；//这是虚假的还是真实的价值。垂直的console.log（！！new Example（vertical）.s垂直）；//此垂直强制值垂直=12.5；//将垂直设置为12.5，这是一个真实的值。console.log（新示例（垂直）垂直）；//这是假的或真的价值。不管怎样，这都是真的console.log（！！new Example（vertical）.s垂直）；//此垂直强制值垂直=-0；//将vertical设置为-0，这是一个错误的值。console.log（新示例（垂直）垂直）；//这个值是假的还是真的。不管怎样，这个值都是假的console.log（！！new Example（vertical）.s垂直）；//此垂直强制值

JavaScript中的false值强制为false，truthy值强制为true。Falsy和truthy值也可以在if语句中使用，并基本上“映射”到它们对应的布尔值。然而，您可能不会发现自己必须经常使用正确的布尔值，因为它们在输出（返回值）上大多不同。

虽然这可能看起来类似于选角，但实际上这可能只是一个巧合，并不是为布尔选角而“建造”或故意制造的。所以我们不要这么说。

为什么和如何工作

简而言之，它看起来像这样：！（！null）。然而，null是假的，所以！null将为真。然后true将为false，并且它将基本上反转回以前的状态，除了这次是一个正确的布尔值（或者甚至相反，使用真值，如｛｝或1）。

回到你的例子

总的来说，您看到的上下文只是根据是否定义了垂直来调整这一点；它将被设置为垂直的布尔值，否则它不会改变。换句话说，如果定义了垂直；this.vertical将设置为它的布尔值，否则，它将保持不变。我想这本身就是一个你会如何使用的例子！！，以及它的作用。

垂直I/O示例

运行此示例并在输入中摆弄垂直值。查看结果强制执行的操作，以便您能够完全理解上下文的代码。在输入中，输入任何有效的JavaScript值。

如果要测试字符串，请记住包含报价。不要太在意CSS和HTML代码，只需运行此代码段并使用它。然而，您可能需要查看与DOM无关的JavaScript代码（使用Example构造函数和垂直变量）。

var vertical=document.getElementById（“vertical”）；var p=document.getElementById（“结果”）；函数示例（垂直）{this.vertical=垂直！==未定义！！垂直：此垂直；返回this.vertical；}document.getElementById（“run”）.onclick=函数（）{p.innerHTML=！！（新示例（eval（vertical.value））.svertical）；}输入{文本对齐：居中；宽度：5米；}按钮{边距：15.5px；宽度：14em；高度：3.4em；颜色：蓝色；}变量{颜色：紫色；}p型{边距：15px；}span注释{颜色：棕色；}<!--垂直I/O示例--><h4>垂直示例</h4><code id=“code”><var class=“var”>var</var>vertical=<input-type=“text”id=“vertical”maxlength=“9”/><span class=“comment”>//输入任何有效的JavaScript值</span></code><br/><button id=“run”>运行</button><p id=“result”></p＞

JavaScript中的一些运算符执行隐式类型转换，有时用于类型转换。

一元！运算符将其操作数转换为布尔值并对其求反。

这一事实导致了以下习惯用法，您可以在源代码中看到：

!!x // Same as Boolean(x). Note double exclamation mark

这是一次双重手术。第一个！将值转换为布尔值并反转其逻辑值。第二个！反转逻辑值。

它将后缀转换为布尔值。