SyntaxError: `??` kann nicht ohne Klammern innerhalb von `||` und `&&`-Ausdrücken verwendet werden

SyntaxError: Unexpected token '??' (V8-based)
SyntaxError: cannot use `??` unparenthesized within `||` and `&&` expressions (Firefox)
SyntaxError: Unexpected token '??'. Coalescing and logical operators used together in the same expression; parentheses must be used to disambiguate. (Safari)

Die Operatorrangfolge sieht wie folgt aus:

|   >   &&   >   ||   >   =
|   >   ??   >   =

Allerdings ist die Rangfolge zwischen ?? und &&/|| absichtlich undefiniert, da das Kurzschließen der logischen Operatoren die Bewertung des Ausdrucks kontraintuitiv machen kann. Daher sind die folgenden Kombinationen alle Syntaxfehler, da die Sprache nicht weiß, wie die Operanden zu klammern sind:

a ?? b || c;
a || b ?? c;
a ?? b && c;
a && b ?? c;

Stattdessen sollten Sie Ihre Absicht klar machen, indem Sie jede Seite explizit klammern:

(a ?? b) || c;
a ?? (b && c);

Beim Migrieren von Legacy-Code, der || und && verwendet, um sich gegen null oder undefined abzusichern, konvertiert man ihn oft teilweise:

function getId(user, fallback) {
  // Previously: user && user.id || fallback
  return user && user.id ?? fallback; // SyntaxError: cannot use `??` unparenthesized within `||` and `&&` expressions
}

Stattdessen sollten Sie das && klammern:

function getId(user, fallback) {
  return (user && user.id) ?? fallback;
}

Noch besser, ziehen Sie in Betracht, optionale Verkettung anstelle von && zu verwenden:

function getId(user, fallback) {
  return user?.id ?? fallback;
}

• Problem zur Rangfolge beim nullischen Zusammenführen im TC39-Vorschlag zum nullischen Zusammenführen
• Nullish coalescing operator (??)
• Operatorrangfolge