使用逻辑not运算符两次。

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

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为真。

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

const foo=“bar”；console.log（！！foo）；//布尔值：真

! 对值求反（反转），并始终返回/生成布尔值。所以！”bar'将产生false（因为'bar'是truthy=>否定+布尔值=false）。附加的！运算符，该值再次被求反，因此false变为true。

我只是想补充一下

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

我认为值得一提的是，与逻辑“与/或”组合的条件不会返回布尔值，而是在&&的情况下返回最后一次成功或第一次失败，在条件链的||的情况下，返回第一次成功或最后一次失败。

res = (1 && 2); // res is 2
res = (true && alert) // res is function alert()
res = ('foo' || alert) // res is 'foo'

为了将条件转换为真正的布尔文字，我们可以使用双重否定：

res = !!(1 && 2); // res is true
res = !!(true && alert) // res is true
res = !!('foo' || alert) // res is true