Welche Rolle spielt „new' bei der prototypischen Vererbung von JavaScript: „Derived.prototype = new Base'?

Verstehen der Rolle von „new“ in „Derived.prototype = new Base“

Betrachten Sie den folgenden Codeausschnitt:

WeatherWidget.prototype = new Widget;

wo Widget stellt einen Konstruktor dar und unser Ziel ist es, ihn um eine neue Funktion namens WeatherWidget zu erweitern. Es stellt sich die Frage: Welche Bedeutung hat das neue Schlüsselwort in diesem Zusammenhang und welche Konsequenzen hätte es, wenn es weggelassen würde?

Rolle von „neu“

Das neue Schlüsselwort führt eine entscheidende Operation aus indem Sie Widget als Konstruktor instanziieren und seinen Rückgabewert der Prototypeigenschaft von WeatherWidget zuweisen. Wenn das neue Schlüsselwort fehlt, würde der Aufruf von Widget ohne Angabe von Argumenten (z. B. durch Weglassen der Klammern) zu undefiniertem Verhalten führen. Wenn die Widget-Implementierung außerdem nicht für den Aufruf als Konstruktor konzipiert ist, könnte dieser Ansatz unbeabsichtigt den globalen Namespace verschmutzen.

Geerbtes Instanzverhalten

Durch die Verwendung des neuen Schlüsselworts, wie gezeigt, werden alle Instanzen von WeatherWidget erbt von derselben Widget-Instanz, was zu der folgenden Prototypenkette führt:

[new WeatherWidget()] → [new Widget()] → [Widget.prototype] → …

Dieses besondere Die Anordnung kann geeignet sein, wenn alle WeatherWidget-Instanzen von der Widget-Instanz geerbte Eigenschaftswerte gemeinsam nutzen sollen. In den meisten Szenarien ist eine solche gemeinsame Vererbung jedoch unerwünscht.

Richtige klassenbasierte Vererbung

Um die klassenbasierte Vererbung in JavaScript, das Prototypen verwendet, effektiv zu implementieren, wird der folgende Ansatz empfohlen:

function Dummy () {}
Dummy.prototype = Widget.prototype;
WeatherWidget.prototype = new Dummy();
WeatherWidget.prototype.constructor = WeatherWidget;

Diese Technik stellt sicher, dass WeatherWidget-Instanzen Eigenschaften ordnungsgemäß über die Prototypenkette erben, ohne jedoch Eigenschaftswerte zwischen Instanzen zu teilen weil sie den Prototyp vom zwischengeschalteten Dummy-Konstruktor erben. Hier ist die resultierende Prototypenkette:

[new WeatherWidget()] → [new Dummy()] → [Widget.prototype] → …

Nutzung moderner JavaScript-Funktionen

In modernen JavaScript-Implementierungen, die ECMAScript 5 und höher entsprechen, wird der folgende Ansatz bevorzugt:

WeatherWidget.prototype = Object.create(Widget.prototype, {
  constructor: {value: WeatherWidget}
});

Dieser Ansatz hat den zusätzlichen Vorteil, dass eine nicht aufzählbare, nicht konfigurierbare Konstruktoreigenschaft erstellt wird.

Aufruf der übergeordnete Konstruktor

Abschließend ist es wichtig zu beachten, dass der übergeordnete Konstruktor (in diesem Fall Widget) nur explizit vom untergeordneten Konstruktor (WeatherWidget) aufgerufen wird, ähnlich wie bei der Verwendung von Apply- oder Call-Methoden:

function WeatherWidget (…)
{
  Widget.apply(this, arguments);
}

Das obige ist der detaillierte Inhalt vonWelche Rolle spielt „new' bei der prototypischen Vererbung von JavaScript: „Derived.prototype = new Base'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!