為什麼我的 JavaScript 程式碼會因為「h.className = h.className」而失敗？ \'錯誤\'：\'錯誤\'`？

運算子優先權之謎：JavaScript 的三元運算子與連線

在JavaScript 中使用三元運算子可能會令人困惑，尤其是與其他運算符混合使用時運營商。考慮以下程式碼片段：

h.className += h.className ? ' error' : 'error'

此程式碼的目的是將字串「error」附加到 HTML 元素「h」的 className 屬性。但是，程式碼失敗並出現錯誤。要理解其中的原因，我們需要剖析 JavaScript 中運算子的優先權。

三元運算子 (?:) 的優先權高於賦值運算子 (=)。因此，上面的程式碼相當於：

h.className = h.className + (h.className ? ' error' : 'error')

這樣的解釋比較有意義。三元運算子檢查 h.className 是否不為 null 或未定義（「真實」值）。如果為 true，則會將「error」附加到 h.className。否則，它會附加“錯誤”。

要修復原始程式碼，我們需要在括號內明確新增賦值運算子：

h.className = h.className + (h.className ? ' error' : 'error')

透過將賦值運算子放在括號內，我們可以覆蓋優先規則並確保整個三元表達式分配給h.className.

以上是為什麼我的 JavaScript 程式碼會因為「h.className = h.className」而失敗？ \'錯誤\'：\'錯誤\'`？的詳細內容。更多資訊請關注PHP中文網其他相關文章！