第一个!将变量强制为布尔类型并将其反转。第二个!再次反转它(为您所检查的任何内容提供原始的(正确的)布尔值)。

为了清晰起见，你最好使用

return Boolean(....);

这与JavaScript的弱类型有关。document.createElement(“画布”)。getContext是一个函数对象。通过预先一个单!它将其作为布尔表达式计算，并将答案翻转。通过预先放置另一个!，它将把答案翻转回来。最终结果是函数将其作为布尔表达式计算，但返回实际的布尔结果，而不是函数对象本身。将! !是将表达式类型转换为布尔类型的一种快速且不方便的方法。

document.createElement(“画布”)。getContext可以计算为undefined或对象引用。undefined的结果为true， ![some_object]的结果为false。这就是我们需要的，只是倒过来。所以! !用于将undefined转换为false，将对象引用转换为true。

第一个!将变量强制为布尔类型并将其反转。第二个!再次反转它(为您所检查的任何内容提供原始的(正确的)布尔值)。

为了清晰起见，你最好使用

return Boolean(....);

在javascript中，如果给定值为true，则使用“bang”操作符(!)将返回true, 1，而不是null等。如果值为undefined、null、0或空字符串，则返回false。

所以bang操作符总是返回一个布尔值，但是它表示的值与你开始时的值相反。如果你将该操作的结果再次“bang”，你可以再次反转它，但仍然会得到一个布尔值(而不是undefined, null等)。

使用bang两次将获得一个可能是未定义的值，null等，并使其为false。它会取一个值，可以是1，“true”，等等，并使它只是纯真。

代码可以这样写:

var context = document.createElement('canvas').getContext;
var contextDoesNotExist = !context;
var contextExists = !contextDoesNotExist;
return contextExists;

使用! !变量可以保证将类型转换为布尔值。

举个简单的例子:

"" == false (is true)
"" === false (is false)

!!"" == false (is true)
!!"" === false (is true)

但如果你在做以下事情，使用它是没有意义的:

var a = ""; // or a = null; or a = undefined ...
if(!!a){
...

if将它转换为布尔值，因此不需要进行隐式双重否定转换。