关于javascript：有人能解释这个”双重否定”的技巧吗？

Can someone explain this 'double negative' trick?

本问题已经有最佳答案，请猛点这里访问。

我绝对不是javascript专家，但我一直在阅读MarkPilger的"潜入HTML5"网页，他提到了一些我想更好理解的东西。

他说：

Finally, you use the double-negative trick to force the result to a Boolean value (true or false).

1
2
3

function supports_canvas() {
return !!document.createElement('canvas').getContext;
}

如果有人能更好地解释这一点，我会感激的！

逻辑非运算符!将值转换为与其逻辑值相反的布尔值。

第二个!将前一个布尔结果转换回其原始逻辑值的布尔表示。

对于逻辑非运算符，从这些文档中：

Returns false if its single operand can be converted to true; otherwise, returns true.

所以如果getContext给你一个"假"值，!!会使它返回布尔值false。否则将返回true。

"虚假"值为：

false
NaN
undefined
null
""(空字符串)
0

相关讨论

在javascript中，使用"bang"运算符！！)如果给定值为真、1、非空等，则返回真。如果该值为未定义、空、0或空字符串，则返回假。

所以bang运算符总是返回一个布尔值，但它将表示与您开始使用的值相反的值。如果您得到该操作的结果并再次"砰"地一声，您可以再次反转它，但最终仍然得到一个布尔值(而不是未定义、空值等)。

使用bang两次将得到一个可能未定义、空值等的值，并使其变为普通的false。它需要一个可能是1的值，"真的"，等等，并使它变得简单。

代码可以写在：

1
2
3
4

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

使用！！variable保证将类型转换为布尔型。

举个简单的例子：

1
2
3
4
5

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

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

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

1
2
3

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

if将其强制转换为布尔值，因此不需要进行隐式的双负强制转换。

!向boolean投射"某物"/"任何东西"。

!!返回原始布尔值(并保证表达式现在是布尔值，不管以前是什么)

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

为了清楚起见，最好使用

1	return Boolean(....);