SyntaxError: super() ist nur in abgeleiteten Klassenkonstruktoren gültig

Der JavaScript-Ausnahmefehler "super() is only valid in derived class constructors" tritt auf, wenn der Aufruf super() an einer Stelle verwendet wird, die nicht im Körper eines Konstruktors in einer Klasse mit dem Schlüsselwort extends ist.

Nachricht

SyntaxError: 'super' keyword unexpected here (V8-based)
SyntaxError: super() is only valid in derived class constructors (Firefox)
SyntaxError: super is not valid in this context. (Safari)

Fehlertyp

Was schiefgelaufen ist

Der Aufruf super() wird verwendet, um den Basiskonstruktor einer abgeleiteten Klasse aufzurufen, damit die Basisklasse das this-Objekt initialisieren kann. Die Verwendung an anderer Stelle ergibt keinen Sinn.

super() kann auch in einer Pfeilfunktion definiert werden, die im Konstruktor verschachtelt ist. Es kann jedoch in keiner anderen Art von Funktion definiert werden.

Beispiele

Ungültige Fälle

Sie können super() nicht aufrufen, wenn die Klasse kein extends hat, da es keine Basisklasse gibt, die aufgerufen werden könnte:

js
class Base {
  constructor() {
    super();
  }
}

Sie können super() nicht in einer Klassenmethode aufrufen, selbst wenn diese Methode vom Konstruktor aus aufgerufen wird:

js
class Base {}

class Derived extends Base {
  constructor() {
    this.init();
  }

  init() {
    super();
  }
}

Sie können super() nicht in einer Funktion aufrufen, selbst wenn die Funktion als Konstruktor verwendet wird:

js
function Base(x) {
  this.x = x;
}

function Derived() {
  super(1);
}

Object.setPrototypeOf(Derived.prototype, Base.prototype);
Object.setPrototypeOf(Derived, Base);

Gültige Fälle

Sie können super() im Konstruktor aufrufen, bevor Sie eine andere Methode aufrufen:

js
class Base {}

class Derived extends Base {
  constructor() {
    super();
    this.init();
  }

  init() {
    // …
  }
}

Sie können super() in einer Pfeilfunktion aufrufen, die im Konstruktor verschachtelt ist:

js
class Base {}

class Derived extends Base {
  constructor() {
    const init = () => {
      super();
    };

    init();
  }
}

Siehe auch