JavaScript-Prototypen vs. „this': Wann welche verwenden?

Prototyp vs. 'this' in JavaScript

In JavaScript werden Klassen durch Funktionen definiert, die als Konstruktoren dienen. Es gibt jedoch Unterschiede darin, wie Eigenschaften und Methoden innerhalb dieser Funktionen definiert werden.

Verwendung von „this“

Wenn eine Methode direkt innerhalb einer Konstruktorfunktion definiert wird, z im folgenden Beispiel:

var A = function () {
    this.x = function () {
        // do something
    };
};

bezieht sich dies auf die neu erstellte Instanz der Klasse. In diesem Fall erstellt A() eine Instanz und setzt ihre x-Eigenschaft auf die definierte Funktion.

Verwenden eines Prototyps

Im Gegensatz dazu, wenn eine Methode auf der definiert ist Prototypeigenschaft der Konstruktorfunktion:

var A = function () { };
A.prototype.x = function () {
    // do something
};

Prototyp ermöglicht mehreren Instanzen derselben Klasse die gemeinsame Nutzung von Methoden und Eigenschaften. Das Zuweisen einer Funktion zur Prototypeigenschaft bedeutet, dass alle Instanzen der Klasse diese Methode erben.

Hauptunterschiede

1. Instanzspezifisch vs. Klassenweit: Hiermit definierte Eigenschaften und Methoden sind für jede Instanz der Klasse spezifisch, während die im Prototyp definierten Eigenschaften und Methoden von allen gemeinsam genutzt werden Instanzen.
2. Serialisierung:Auf dem Prototyp definierte Methoden werden nicht serialisiert, wenn ein Objekt in JSON konvertiert wird, wohingegen die damit definierten Methoden enthalten sind.
3. Speichereffizienz : Die Verwendung von Prototypen zur gemeinsamen Nutzung von Methoden kann im Hinblick auf die Speichernutzung effizienter sein, als jeder Instanz eine eigene zuzuweisen kopieren.

Wann die einzelnen Ansätze zu verwenden sind

• Verwenden Sie dies, wenn Sie Methoden oder Eigenschaften benötigen, die für jede Instanz einzigartig sind.
• Verwenden Sie den Prototyp, wenn Sie Methoden und Eigenschaften zwischen mehreren Instanzen der Klasse teilen, die Speichernutzung reduzieren und die Serialisierung nicht wesentlicher Elemente vermeiden möchten Informationen.

Das obige ist der detaillierte Inhalt vonJavaScript-Prototypen vs. „this': Wann welche verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!