So greifen Sie über den Funktionsaufruf auf eine Klasseninstanz zu, wenn Sie Funktionen mit ES6-Klassen erweitern

Funktionen mit ES6-Klassen erweitern

In ES6 haben Programmierer die Möglichkeit, spezielle Objekte, einschließlich Funktionen, zu erweitern. Durch den Einsatz von Vererbung wird es möglich, Klassen aus Funktionen abzuleiten. Während diese erweiterten Objekte wie Funktionen aufgerufen werden können, kann die Implementierung der entsprechenden Logik für diese Aufrufe eine Herausforderung darstellen.

In diesem Szenario stellt sich eine wichtige Frage: Wie erhält man einen Verweis auf die Klasseninstanz, wenn das Objekt aufgerufen wird? als Funktion, wenn man bedenkt, dass reguläre Methoden darüber Zugriff erhalten? Leider verweist dieser Verweis in diesen Fällen auf das globale Objekt (Fenster).

Lösung:

Um dieses Problem anzugehen, kann man das Konzept der Abschlüsse anwenden Erstellen einer zurückgegebenen Funktion, die den Zugriff auf Instanzvariablen kapselt. Hier ist eine Illustration:

class Smth extends Function {
  constructor(x) {
    super(() => { return x; });
  }
}

In diesem Beispiel initiiert der Super-Ausdruck im Konstruktor den Funktionskonstruktor und erfordert eine Zeichenfolge, die den auszuführenden Code darstellt. Der Zugriff auf Instanzdaten ist jedoch nicht einfach, daher wird ein fest codierter Ansatz gewählt, der zum gewünschten Ergebnis führt:

console.log((new Smth(256))()); // Logs: 256

Ein alternativer Ansatz zum Erreichen des gleichen Ziels besteht darin, die Prototypenkette zu manipulieren:

class Smth extends Function {
  constructor(x) {
    const smth = function() { return x; };
    Object.setPrototypeOf(smth, Smth.prototype);
    return smth;
  }
}

Diese Methode bietet mehr Flexibilität, da die zurückgegebene Funktion ein Abschluss sein kann, der auf Instanzvariablen zugreifen kann.

Darüber hinaus ist es möglich, diese Funktionalität in ein wiederverwendbares Dienstprogramm zu abstrahieren:

class ExtensibleFunction extends Function {
  constructor(f) {
    return Object.setPrototypeOf(f, new.target.prototype);
  }
}

class Smth extends ExtensibleFunction {
  constructor(x) {
    super(() => { return x; });
  }
}

Dieser Ansatz schafft eine zusätzliche Indirektionsebene in der Vererbungshierarchie, kann jedoch in bestimmten Szenarien von Vorteil sein. Darüber hinaus kann man dies vermeiden, indem man das folgende Konstrukt verwendet:

function ExtensibleFunction(f) {
  return Object.setPrototypeOf(f, new.target.prototype);
}
ExtensibleFunction.prototype = Function.prototype;

Bitte beachten Sie jedoch, dass Smth in diesem Fall statische Funktionseigenschaften nicht dynamisch erbt.

Das obige ist der detaillierte Inhalt vonSo greifen Sie über den Funktionsaufruf auf eine Klasseninstanz zu, wenn Sie Funktionen mit ES6-Klassen erweitern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!