我绝不是Javascript方面的专家,但我一直在阅读Mark Pilgrim的“Dive into HTML5”网页,他提到了一些我想更好理解的东西。
他州:
最后,使用双重否定技巧将结果强制为布尔值(true或false)。
function supports_canvas() {
return !!document.createElement('canvas').getContext;
}
如果有人能解释得更好一点,我会很感激的!
我绝不是Javascript方面的专家,但我一直在阅读Mark Pilgrim的“Dive into HTML5”网页,他提到了一些我想更好理解的东西。
他州:
最后,使用双重否定技巧将结果强制为布尔值(true或false)。
function supports_canvas() {
return !!document.createElement('canvas').getContext;
}
如果有人能解释得更好一点,我会很感激的!
当前回答
document.createElement(“画布”)。getContext可以计算为undefined或对象引用。undefined的结果为true, ![some_object]的结果为false。这就是我们需要的,只是倒过来。所以! !用于将undefined转换为false,将对象引用转换为true。
其他回答
在需要布尔值的上下文中,Javascript有一组让人困惑的规则来判断什么是“真”和“假”。但是逻辑非操作符!总是产生一个合适的布尔值(true和false常量之一)。通过连接其中的两个,成语!!表达式产生一个正确的布尔值,其真实性与原始表达式相同。
你为什么要这么麻烦?因为它让你展示的函数更容易预测。如果它没有双重否定,它可能返回undefined,一个Function对象,或者与Function对象不完全不同的东西。如果这个函数的调用者对返回值做了一些奇怪的事情,那么整个代码可能会行为不当(这里的“奇怪”指的是“除了强制布尔上下文的操作之外的任何操作”)。双重否定成语防止了这种情况。
第一个!将变量强制为布尔类型并将其反转。第二个!再次反转它(为您所检查的任何内容提供原始的(正确的)布尔值)。
为了清晰起见,你最好使用
return Boolean(....);
如果document.createElement(“画布”)。getContext不是undefined或null,它将返回true。否则返回false。
! 将"something"/"anything"转换为布尔值。
! !返回原始的布尔值(并保证表达式现在是布尔值,而不管之前是什么)
document.createElement(“画布”)。getContext可以计算为undefined或对象引用。undefined的结果为true, ![some_object]的结果为false。这就是我们需要的,只是倒过来。所以! !用于将undefined转换为false,将对象引用转换为true。