我刚刚看到有人使用这段代码：
ctx = canvas.getContext && canvas.getContext('2d');
双与号在这种情况下如何工作？它不会只是将“true”分配给 ctx 变量吗？
带有双与号“&&”的赋值
IT技术
javascript
2021-03-01 13:27:31
2个回答
这是在调用函数之前确保函数存在的常用方法。
它是这样工作的（来自developer.mozilla.com）：
expr1 && expr2expr1如果可以转换为false，则返回；否则，返回expr2。因此，当与布尔值一起使用时，如果两个操作数都为，则&&返回；否则，返回。truetruefalse
换句话说，除非必须，Javascript 不会将操作数强制为布尔值。
4 && 5 返回 5，不为真。
在您的情况下，如果第一个表达式是undefined（可转换为 false），ctx则将为 false，并且不会对第二个表达式进行评估。如果第一个表达式是一个函数（不能转换为false），那么 Javascript 会计算第二个表达式，并将它的值赋给ctx变量。
它将分配canvas.getContext('2d')给ctxifcanvas.getContext实际上是一个函数的返回值。
左边的部分只是为了避免错误。它确保在尝试调用之前canvas具有getContext属性getContext()。这样，canvas.getContext()如果函数不存在，代码就不会调用。如果它没有先检查并在函数不存在时调用，则会将错误记录到控制台并停止执行。
其它你可能感兴趣的问题