JavaScript 的三元运算符和运算符优先级
了解代码中执行操作的顺序对于避免意外结果至关重要。在 JavaScript 中,三元运算符提出了一个常见的挑战,尤其是与其他运算符结合使用时。
考虑以下代码片段:
h.className += h.className ? ' error' : 'error'
人们可能会假设代码的运行方式如下:
h.className = h.className + h.className ? ' error' : 'error'
但是,这种解释是不正确的,因为它会导致控制台错误。要正确理解代码,必须考虑运算符优先级。
答案:
理解代码的关键是要认识到运算符优先于三元组操作员。因此,代码计算如下:
h.className = h.className + (h.className ? ' error' : 'error')
在这种情况下,运算符将 h.className 与三元运算符的结果连接起来。三元运算符检查 h.className 的真实性,如果为 true,则返回“error”,否则返回“error”。
为了避免混淆,建议明确操作的目标。在这种情况下,使用括号对表达式进行分组可确保运算符按预期应用于 h.className。
以上是为什么 JavaScript 的三元运算符与 `=` 运算符一起使用时表现不同?的详细内容。更多信息请关注PHP中文网其他相关文章!