这是检查未定义、“未定义”、null、“null”、“”

if (!!var1 && !!var2 && !!var3 && !!var4 ){
   //... some code here
}

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

例如：

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

!!expr（后跟表达式的两个！运算符）根据表达式的真实性返回布尔值（true或false）。当用于非布尔类型时，它更有意义。考虑以下示例，尤其是第三个示例及其后续示例：

          !!false === false
           !!true === true

              !!0 === false
!!parseInt("foo") === false // NaN is falsy
              !!1 === true
             !!-1 === true  // -1 is truthy
          !!(1/0) === true  // Infinity is truthy

             !!"" === false // empty string is falsy
          !!"foo" === true  // non-empty string is truthy
        !!"false" === true  // ...even if it contains a falsy value

     !!window.foo === false // undefined value is falsy
      !!undefined === false // undefined primitive is falsy
           !!null === false // null is falsy

             !!{} === true  // an (empty) object is truthy
             !![] === true  // an (empty) array is truthy; PHP programmers beware!

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

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

我只是想补充一下

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