Logische ODER-Zuweisung (||=)

Die logische ODER-Zuweisung short-circuits, was bedeutet, dass x ||= y äquivalent zu x || (x = y) ist, außer dass der Ausdruck x nur einmal evaluiert wird.

Es wird keine Zuweisung vorgenommen, wenn die linke Seite nicht falsy ist, aufgrund des Short-Circuitings des logischen ODER Operators. Zum Beispiel verursacht das folgende keinen Fehler, obwohl x const ist:

const x = 1;
x ||= 2;

Auch das Folgende würde den Setter nicht auslösen:

const x = {
  get value() {
    return 1;
  },
  set value(v) {
    console.log("Setter called");
  },
};

x.value ||= 2;

Tatsächlich wird y überhaupt nicht evaluiert, wenn x nicht falsy ist.

const x = 1;
x ||= console.log("y evaluated");
// Logs nothing

Wenn das "lyrics"-Element leer ist, wird ein Standardwert angezeigt:

document.getElementById("lyrics").textContent ||= "No lyrics.";

Hier ist das Short-Circuiting besonders vorteilhaft, da das Element nicht unnötig aktualisiert wird und keine unerwünschten Nebenwirkungen wie zusätzliche Parsing- oder Rendering-Arbeiten oder Verlust des Fokus verursacht werden.

• Logisches ODER (||)
• Nullish Coalescing Operator (??)
• Bitweises ODER-Zuweisung (|=)
• Truthy
• Falsy