Heim > Web-Frontend > Front-End-Fragen und Antworten > Was ist die Prototypenkette in es6?

Was ist die Prototypenkette in es6?

青灯夜游
Freigeben: 2022-11-15 19:28:26
Original
1661 Leute haben es durchsucht

Prototypenkette, einfach verstanden, ist eine Kette, die aus Prototypen besteht. Beim Zugriff auf ein Attribut eines Objekts wird zunächst nach dem Attribut des Objekts selbst gesucht. Wenn es nicht gefunden wird, wird nach seinem impliziten Prototyp __proto__ gesucht, d. h. nach dem Prototyp seines Konstruktors Dennoch wird dann im __proto__ des Prototyps des Konstruktors gesucht. Auf diese Weise wird durch die Suche nach oben eine Kettenstruktur gebildet, die als Prototypenkette bezeichnet wird.

Was ist die Prototypenkette in es6?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Was ist ein Prototyp?

In JS verfügt jede Funktion beim Erstellen über ein Prototypattribut. Dieses Attribut ist ein Zeiger, der auf ein Objekt zeigt, und dieses Objekt ist das Prototypobjekt (dh der Prototyp) der Funktion Ort, an dem die Eigenschaften und Methoden aller Instanzen gemeinsam genutzt werden, sodass der Prototyp tatsächlich der Begleiter der Funktion ist (angeboren) 原型其实就是函数的伴生体(与生俱来的)

var a = [1, 2, 3, 4, 5];
a.__proto__ === Array.prototype; // true
Nach dem Login kopieren

什么是原型链?

原型链,简单理解就是原型组成的链。当访问一个对象的某个属性时,会先在这个对象本身属性上查找,如果没有找到,则会去它的__proto__隐式原型上查找,即它的构造函数的prototype,如果还没有找到就会再在构造函数的prototype的__proto__中查找,这样一层一层向上查找就会形成一个链式结构,我们称为原型链

创建一个构造函数:

function Person (name) {
    this.name = name
}
var cheng = new Person('Cheng');
var lin = new Person('Lin');
Nach dem Login kopieren

打印cheng和lin,可以看到两个对象中都分别存在一个__proto__属性
Was ist die Prototypenkette in es6?
Was ist die Prototypenkette in es6?
然后发现

console.log(cheng.__proto__ === lin.__proto__); // true
Nach dem Login kopieren

那么实例对象的这个__proto__属性到底是什么玩意?

console.log(cheng.__proto__ === Person.prototype); // true
console.log(lin.__proto__ === Person.prototype); // true
Nach dem Login kopieren

小结:实例对象有一个不可枚举的属性 proto,这个属性是一个指针,指向了其构造函数的prototype也就是原型对象,实例可以通过 proto 访问到构造函数的原型上的方法

简单来说,实例对象的 __proto__ 指向构造函数的 prototype

Was ist die Prototypenkette in es6?

那么,这个构造函数的原型是什么呢?

打印Person.prototype,可以看到也存在一个__proto__属性
Was ist die Prototypenkette in es6?

console.log(Person.prototype.__proto__ === Object.prototype)
Nach dem Login kopieren

小结:函数的原型本质就是一个普通对象,所以他是来自Object的实例,因此,原型对象的 proto 属性指向Object.prototype。

Was ist die Prototypenkette in es6?

再往下找Object.prototype的__proto__是指向哪里呢?

最后发现是指向null

小结:Javascript中任意数据都能沿着自己的原型链最终找到Object.prototype

总结:

实例对象的 __proto__ 指向构造函数的 prototype,构造函数的__proto__ 指向Object的 prototype,Object的__proto__ 最终指向null

rrreee

Was ist eine Prototypenkette? ?

🎜🎜🎜Prototypenkette, einfach verstanden, ist eine Kette, die aus Prototypen besteht. Beim Zugriff auf ein Attribut eines Objekts wird zunächst nach dem Attribut des Objekts selbst gesucht. Wenn es nicht gefunden wird, wird nach seinem impliziten Prototyp __proto__ gesucht, d. h. nach dem Prototyp seines Konstruktors Dennoch wird dann im __proto__ des Prototyps des Konstruktors gesucht. Auf diese Weise wird durch die Suche nach oben eine Kettenstruktur gebildet, die wir prototype chain nennen. 🎜🎜🎜Erstellen Sie einen Konstruktor: 🎜rrreee🎜Drucken Sie Cheng und Lin. Sie können sehen, dass in beiden Objekten ein __proto__-Attribut vorhanden ist
Bildbeschreibung hier einfügen
Bildbeschreibung hier einfügen
Dann fand ich 🎜rrreee🎜Was genau ist also dieses __proto__-Attribut des Instanzobjekts? 🎜rrreee🎜 Zusammenfassung: 🎜Das Instanzobjekt hat ein nicht aufzählbares Attribut 🎜proto🎜 Dieses Attribut ist ein Zeiger, der auf den Prototyp seines Konstruktors zeigt, der das Prototypobjekt ist. Die Instanz kann über 🎜proto auf den Prototyp des Konstruktors zugreifen 🎜 Methode🎜🎜🎜Einfach ausgedrückt: Das __proto__ des Instanzobjekts zeigt auf den Prototyp des Konstruktors🎜🎜Was ist die Prototypenkette in es6?🎜🎜Also, was ist der Prototyp dieses Konstruktors? 🎜🎜Wenn Sie Person.prototype drucken, können Sie sehen, dass es auch ein __proto__-Attribut gibt
Bildbeschreibung hier einfügen🎜rrreee🎜Zusammenfassung: Der Prototyp einer Funktion ist im Wesentlichen ein gewöhnliches Objekt, also eine Instanz von Object. Daher zeigt das Attribut 🎜proto🎜 des Prototypobjekts auf Object .Prototyp. 🎜🎜🎜🎜Was ist die Prototypenkette in es6?🎜 🎜🎜Schauen Sie weiter unten und finden Sie heraus, wohin __proto__ von Object.prototype zeigt? 🎜🎜Endlich festgestellt, dass es auf 🎜null zeigt🎜🎜🎜Zusammenfassung: 🎜Alle Daten in Javascript können entlang ihrer eigenen Prototypenkette gefunden werden und schließlich Object.prototype finden🎜🎜

🎜Zusammenfassung:

🎜Das __proto__ des Instanzobjekts zeigt auf den Prototyp des Konstruktors, das __proto__ des Konstruktors zeigt auf den Prototyp von Object und das __proto__ von Object zeigt schließlich auf null🎜🎜[ Empfohlene Lerninhalte: 🎜Erweitertes JavaScript-Tutorial🎜]🎜

Das obige ist der detaillierte Inhalt vonWas ist die Prototypenkette in es6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage