Anmerkungen zur Javascript-Studie – Objekte (2): Prototypobjekt_Grundkenntnisse

Javascript ist die einzige Sprache mit weit verbreiteter prototypischer Vererbung, daher braucht es Zeit, die Unterschiede zwischen den beiden Vererbungsmethoden zu verstehen.

Der erste große Unterschied besteht darin, dass Javascript Prototypketten zur Vererbung verwendet:

function Foo() {
 this.value = 42;
}
Foo.prototype = {
 method: function() {}
};
function Bar() {}

Setzen Sie den Prototyp von Bar auf eine Objektinstanz von Foo:

Bar.prototype = new Foo();
Bar.prototype.foo = 'Hello World';

Stellen Sie sicher, dass der Konstruktor von Bar er selbst ist, und erstellen Sie eine neue Bar-Objektinstanz:

Bar.prototype.constructor = Bar;
var test = new Bar();

Werfen wir einen Blick auf die Zusammensetzung der gesamten Prototypenkette:

test [instance of Bar]
 Bar.prototype [instance of Foo]
 { foo: 'Hello World' }
 Foo.prototype
  { method: ... }
  Object.prototype
  { toString: ... /* etc. */ }

Im obigen Beispiel erbt der Objekttest sowohl Bar.prototype als auch Foo.prototype. Daher hat es Zugriff auf die in Foo definierte Funktionsmethode. Natürlich kann auch auf den Immobilienwert zugegriffen werden. Es sollte erwähnt werden, dass beim Aufruf von new Bar() keine neue Foo-Instanz erstellt wird, sondern die Foo-Instanz, die mit ihrem Prototypobjekt geliefert wird, wiederverwendet wird. Ebenso verfügen alle Bar-Instanzen über dieselbe Werteigenschaft. Geben wir ein Beispiel:

test1 = new Bar();
 test2 = new Bar();
 Bar.prototype.value = 41;
 test1.value //41
 test2.value//41

Prototyp-Kettensuchmechanismus

Beim Zugriff auf eine Eigenschaft eines Objekts durchläuft Javascript die gesamte Prototypenkette, beginnend beim Objekt selbst, bis es die entsprechende Eigenschaft findet. Wenn zu diesem Zeitpunkt die Spitze der Prototypenkette erreicht ist, im obigen Beispiel Object.prototype, und die gesuchte Eigenschaft immer noch nicht gefunden wird, gibt Javascript einen undefinierten Wert zurück.

Prototyp-Objekteigenschaften

Obwohl die Eigenschaften des Prototypobjekts von Javascript zum Aufbau der Prototypkette verwendet werden, können wir ihm dennoch Werte zuweisen. Das Kopieren des ursprünglichen Werts in den Prototyp ist jedoch ungültig, z. B.:

function Foo() {}
Foo.prototype = 1; // no effect

Hier ist ein Exkurs aus diesem Artikel, der den ursprünglichen Wert vorstellt:
In Javascript können Variablen zwei Arten von Werten speichern, nämlich Grundwerte und Referenzwerte.

1.Primitivwert:

Primitive Werte sind feste und einfache Werte, bei denen es sich um einfache im Stapel gespeicherte Datensegmente handelt, dh ihre Werte werden direkt an der Stelle gespeichert, an der auf die Variable zugegriffen wird.
Es gibt fünf primitive Typen: Undefiniert, Null, Boolean, Zahl und Zeichenfolge.

2. Referenzwert:

Der Referenzwert ist ein relativ großes Objekt, das im Heap gespeichert wird. Mit anderen Worten, der in der Variablen gespeicherte Wert ist ein Zeiger, der auf den Speicher zeigt, in dem das Objekt gespeichert ist. Alle Referenztypen werden von Object integriert.
Probleme mit der Leistung der Prototypenkette

Wenn sich die nachzuschlagende Eigenschaft am oberen Ende der Prototypenkette befindet, wird sich der Nachschlagevorgang zweifellos negativ auf die Leistung auswirken. Dies ist ein wichtiger zu berücksichtigender Faktor in Szenarien, in denen die Leistungsanforderungen notwendigerweise streng sind. Darüber hinaus wird der Versuch, eine Eigenschaft zu finden, die nicht existiert, die gesamte Prototypenkette durchlaufen.
Ebenso wird beim Durchlaufen der Eigenschaften eines Objekts auf alle Eigenschaften in der Prototypenkette zugegriffen.

Zusammenfassung

Das Verständnis der Prototypenvererbung ist eine Voraussetzung für das Schreiben komplexerer Javascript-Codes. Achten Sie gleichzeitig auf die Höhe der Prototypenkette im Code. Erfahren Sie, wie Sie die Prototypenkette aufteilen, wenn es zu Leistungsengpässen kommt. Darüber hinaus sollte hier hauptsächlich zwischen dem Prototypobjektprototyp und dem Prototypobjektprototyp unterschieden werden, und die Fragen zum Prototyp __proto__ werden nicht näher erläutert