为什么 JavaScript 的三元运算符与 `=` 运算符一起使用时表现不同？

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中文网其他相关文章！