ReferenceError: must call super constructor before using 'this' in derived class constructor

Meldung

ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor (V8-based)
ReferenceError: must call super constructor before using 'this' in derived class constructor (Firefox)
ReferenceError: 'super()' must be called in derived constructor before accessing |this| or returning non-object. (Safari)

Fehlertyp

Was ist schief gelaufen?

Der super()-Aufruf kann höchstens einmal für jeden new-Aufruf eines Konstruktors der abgeleiteten Klasse aufgerufen werden. Oft müssen Sie ihn genau einmal aufrufen, denn wenn Sie ihn nicht aufrufen, kann der Elternkonstruktor den Wert von this nicht initialisieren, sodass Sie nicht auf this im abgeleiteten Konstruktor zugreifen können und this nicht als gültig konstruiertes Objekt betrachtet wird (und einen Fehler auslöst, wenn der abgeleitete Konstruktor in diesem Zustand abgeschlossen wird). Der Ausweg besteht darin, ein Objekt aus dem Konstruktor der abgeleiteten Klasse zurückzugeben, in welchem Fall das zurückgegebene Objekt als konstruiertes Objekt anstelle von this verwendet wird, sodass Sie super() nicht aufrufen müssen. Dies wird jedoch selten gemacht.

Beispiele

Ungültige Fälle

class Base {
  constructor() {
    this.x = 1;
  }
}

class Derived extends Base {
  constructor() {
    console.log(this.x);
    // The Base constructor is not called yet, so this.x is undefined
    // ReferenceError: must call super constructor before using 'this' in derived class constructor
  }
}

Gültige Fälle

class Base {
  constructor() {
    this.x = 1;
  }
}

class Derived extends Base {
  constructor() {
    super();
    console.log(this.x); // 1
  }
}

Siehe auch

• Klassen
• super