我只是想补充一下

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相同。

a = 1;
alert(!a) // -> false : a is not not defined
alert(!!a) // -> true : a is not not defined

对于a、 它检查a是否未定义，而！！a检查变量是否已定义。

!!a与相同！（！a）。如果定义了a，则a为真！a是假的，而且！！a为真。

if和while语句以及？运算符使用真值来确定要运行的代码分支。例如，零和NaN数字以及空字符串为假，但其他数字和字符串为真。对象为true，但未定义的值和null均为false。

双重否定运算符！！计算值的真值。实际上是两个操作员，哪里！！x表示！（！x），并且行为如下：

如果x为假值！x为真，并且！！x为假。如果x是真值！x为假，并且！！x为真。

当在布尔上下文的顶层使用时（if、while或？）！！从行为上讲，操作员是一个no-op。例如，if（x）和if（！！x）表示相同的意思。

实际用途

然而，它有几个实际用途。

一种用法是将对象压缩到其真值，这样代码就不会保存对大对象的引用并保持其活动。分配！！some_big_object设置为变量，而不是some_biguobject让垃圾收集器使用它。这对于生成对象或假值（例如空值或未定义值）的情况非常有用，例如浏览器特征检测。

另一个用法，我在一个关于C对应的答案中提到了！！操作员使用“lint”工具查找常见的打字错误和打印诊断。例如，在C和JavaScript中，布尔运算的一些常见错误会产生其他输出不太布尔的行为：

如果（a＝b）是赋值，然后使用b的真值；如果（a＝＝b）是相等比较。如果（a&b）是位AND；如果（a&&b）是逻辑AND。2和5为0（假值）；2&&5为真。

这个操作员向lint工具保证，您所写的就是您的意思：执行此操作，然后获取结果的真值。

第三种用途是产生逻辑XOR和逻辑XNOR。在C和JavaScript中，a&b都执行逻辑and（如果两边都为true，则为true），a&b执行逐位and。a||b执行逻辑或（如果至少有一个为真，则为真），a|b执行逐位或。有一个按位XOR（异或）作为^b，但没有用于逻辑XOR的内置运算符（如果只有一侧为真，则为真）。例如，您可能希望允许用户仅在两个字段中的一个字段中输入文本。您可以做的是将每个值转换为一个真值，并将它们进行比较：！！x！==！！y

要将JavaScript变量转换为布尔值，

var firstname = "test";
// Type of firstname is string

var firstNameNotEmpty = !!firstname;
// Type of firstNameNotEmpty is Boolean

JavaScript false表示“”、0、undefined和null。

JavaScript对于除零以外的数字是真的，而不是空字符串、｛｝、[]和new Date（），因此，

!!("test") /* Is true */
!!("") /* Is false */

!! 不是运算符。这只是！操作员两次。

但使用JavaScript，应用！！在大多数情况下，将Object转换为Boolean是冗余和冗长的，因为：

值未定义或为空的任何对象，包括值为false的布尔对象，传递给有条件的陈述

示例：if（｛｝）｛console.log（“｛｝是true”）｝//logs:“｛}是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＞