Aufruf des Klassenkonstruktors ohne neues Schlüsselwort in ES6

Gegebene Klassendefinition:

class Foo {
  constructor(x) {
    if (!(this instanceof Foo)) return new Foo(x);
    this.x = x;
  }
  hello() {
    return `hello ${this.x}`;
  }
}

Es ist nicht möglich, den Klassenkonstruktor ohne das Schlüsselwort new direkt aufzurufen. Dies liegt daran, dass Klassen in ES6 von Natur aus über eine Konstruktorfunktion verfügen, die aufgerufen wird, wenn die Klasse aufgerufen wird.

Der Aufruf einer Klasse ohne neue führt zu einem Fehler:

Cannot call a class as a function

Diese Fehlermeldung weist deutlich darauf hin, dass der Klassenkonstruktor nur mit dem neuen Operator aufgerufen werden kann, der zum Erstellen einer neuen Instanz der Klasse erforderlich ist.

Um diese Einschränkung zu überwinden, sollten Sie die folgenden Ansätze in Betracht ziehen :

• Verwenden Sie stattdessen eine reguläre Funktion:

function Foo(x) {
  this.x = x;
  this.hello = function() {
    return `hello ${this.x}`;
  }
}

• Rufen Sie die Klasse immer mit new auf:

(new Foo("world")).hello(); // "hello world"

• Verpacken Sie die Klasse in eine Funktion und rufen Sie mit new:

var FooWrapper = function(...args) { return new Foo(...args) };
FooWrapper("world").hello(); // "hello world"