SyntaxError: new keyword cannot be used with an optional chain
Die JavaScript-Ausnahme "new-Schlüsselwort kann nicht mit einer optionalen Kette verwendet werden" tritt auf, wenn der Konstruktor eines new-Ausdrucks eine optionale Kette ist oder wenn sich eine optionale Kette zwischen dem Konstruktor und der geklammerten Argumentliste befindet.
Nachricht
SyntaxError: Invalid optional chain from new expression (V8-based) SyntaxError: new keyword cannot be used with an optional chain (Firefox) SyntaxError: Cannot call constructor in an optional chain. (Safari)
Fehlerart
SyntaxError
Was ist schiefgelaufen?
Es gibt zwei Möglichkeiten, diesen Fehler zu verursachen. Die erste Möglichkeit tritt auf, wenn der Konstruktor-Ausdruck eine optionale Ketten-Ausdruck ist, wie folgt:
new Intl?.DateTimeFormat();
Number?.[parseMethod]`Hello, world!`;
Die zweite Möglichkeit ist, wenn ?. zwischen dem Konstruktor und der Argumentenliste auftritt, wie folgt:
new Intl.DateTimeFormat?.();
Optionales new ist speziell verboten, weil seine Syntax kompliziert ist (new mit und ohne Argumente) und das Ergebnis unklar ist (es wäre der einzige Fall, in dem new nicht zu einem Objektwert evaluiert wird). Sie müssen die optionale Verkettung in ihre zugrundeliegende Bedingung umwandeln (siehe optionale Verkettung für weitere Informationen).
const result =
Intl.DateTimeFormat === null || Intl.DateTimeFormat === undefined
? undefined
: new Intl.DateTimeFormat();
Denken Sie daran, dass die optionale Verkettung nur innerhalb einer geklammerten Einheit kurzgeschlossen wird. Wenn Sie Ihren Konstruktor-Ausdruck klammern, verursacht die optionale Verkettung keinen Fehler, da der Konstruktor nun nicht kurzgeschlossen wird und das Ergebnis klar ist (der Konstruktor wird undefined erzeugen und dann wird der new-Ausdruck einen Fehler auslösen).
new (Intl?.DateTimeFormat)(); // Throws if Intl?.DateTimeFormat is undefined
Dies ist jedoch ohnehin etwas unsinnig, da optionale Verkettung Fehler innerhalb der Eigenschaften-Access-Kette verhindert, dann aber garantiert einen Fehler beim Aufruf von new erzeugt. Sie möchten wahrscheinlich immer noch eine bedingte Prüfung verwenden.
Beachten Sie, dass optionale Verkettung nur als Konstruktor-Ausdruck verboten ist. Sie können optionale Verkettung innerhalb der Argumentenliste verwenden oder die optionale Verkettung auf den gesamten new-Ausdruck anwenden.
new Intl.DateTimeFormat(navigator?.languages);
new Intl.DateTimeFormat().resolvedOptions?.();
Beachten Sie, dass es nicht erforderlich ist, ?. auf den new-Ausdruck selbst zu verwenden: new a()?.b, da new garantiert einen nicht-nullischen Objektwert produziert.