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 hchstens einmal fr jeden new-Aufruf eines Konstruktors der abgeleiteten Klasse aufgerufen werden. Oft mssen 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 knnen und this nicht als gltig konstruiertes Objekt betrachtet wird (und einen Fehler auslst, wenn der abgeleitete Konstruktor in diesem Zustand abgeschlossen wird). Der Ausweg besteht darin, ein Objekt aus dem Konstruktor der abgeleiteten Klasse zurckzugeben, in welchem Fall das zurckgegebene Objekt als konstruiertes Objekt anstelle von this verwendet wird, sodass Sie super() nicht aufrufen mssen. Dies wird jedoch selten gemacht.

Beispiele

Ungltige Flle

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
  }
}

Gltige Flle

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

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

Siehe auch

• Klassen
• super