Detaillierte Erklärung von __proto__ und Prototyp in Javascript

Detaillierte Erklärung von __proto__ und Prototyp in Javascript_Grundkenntnisse

WBOY

Freigeben： 2016-05-16 16:30:29

Original

1281 Leute haben es durchsucht

__proto__ ist der interne Prototyp, Prototyp ist der Konstruktor-Prototyp (der Konstruktor ist eigentlich eine Funktion)

Der Prototyp des Konstruktors ist ein Objekt

Was ist also ein Konstruktor?
Wenn Sie ein Objekt erstellen möchten, müssen Sie zunächst einen Objektkonstruktor haben, genau wie in PHP. Wenn Sie ein Objekt erstellen möchten, müssen Sie zunächst eine Klasse
haben Die Essenz eines Konstruktors ist eine Funktion. Die folgende Frage lautet: Wie erstelle ich ein Objekt mit diesem Konstruktor?
Antwort: neu

Der Konstruktor erstellt ein Objekt.
1. Das __proto__ aller Konstruktoren/Funktionen zeigt auf Function.prototype, eine leere Funktion (leere Funktion)

Code kopieren Der Code lautet wie folgt:

Number.__proto__ === Function.prototype 

// wahr

Boolean.__proto__ === Function.prototype 

// wahr

String.__proto__ === Function.prototype 

// wahr

Object.__proto__ === Function.prototype 

// wahr

Function.__proto__ === Function.prototype 

// wahr

Array.__proto__ ===

Function.prototype 

// wahr

RegExp.__proto__ === Function.prototype 

// wahr

Fehler.__proto__ ===

Function.prototype 

// wahr

Datum.__proto__ ===

Function.prototype 

// wahr

erklärt, dass Number usw. alle Konstruktoren sind und diese Konstruktoren tatsächlich ein Objekt der Funktion sind. Mit anderen Worten, es entspricht var Number = new Function();

Es gibt insgesamt 12 integrierte Konstruktoren/Objekte in JavaScript (JSON wurde in ES5 neu hinzugefügt). Hier sind 8 zugängliche Konstruktoren. Auf den Rest wie Global kann nicht direkt zugegriffen werden. Argumente werden nur von der JS-Engine erstellt, wenn die Funktion aufgerufen wird. Mathematik und JSON liegen in Form von Objekten vor, es sind keine neuen erforderlich. Ihr __proto__ ist Object.prototype. Wie folgt

Code kopieren Der Code lautet wie folgt:

Math.__proto__ === Object.prototype 

// wahr

JSON.__proto__ === Object.prototype 

// wahr

Zu den oben genannten „alle Konstruktoren/Funktionen“ gehören sicherlich auch benutzerdefinierte Konstruktoren/Funktionen. Wie folgt

Code kopieren Der Code lautet wie folgt:

// Funktionsdeklaration

Funktion Person()

{}

// Funktionsausdruck

var Mann

= 

Funktion()

{}

console.log(Person.__proto__ === Function.prototype) 

// wahr

console.log(Man.__proto__ ===

Function.prototype) 

// wahr

Was bedeutet das?

Alle Konstruktoren stammen von Function.prototype, sogar der Root-Konstruktor Object und Function selbst. Alle Konstruktoren erben die Eigenschaften und Methoden von Function.prototype. Wie Länge, Aufruf, Anwenden, Binden (ES5).

Function.prototype ist auch der einzige Prototyp, dessen Typ von XXX.prototype „Funktion“ ist. Der Prototyp anderer Konstrukteure ist ein Objekt. Wie folgt

Code kopieren Der Code lautet wie folgt:

console.log(typeof Function.prototype) 

// Funktion

console.log(typeof Object.prototype) 

// Objekt

console.log(typeof Number.prototype) 

// Objekt

console.log(typeof Boolean.prototype) 

// Objekt

console.log(typeof String.prototype) 

// Objekt

console.log(typeof Array.prototype) 

// Objekt

console.log(typeof RegExp.prototype) 

// Objekt

console.log(typeof Error.prototype) 

// Objekt

console.log(typeof Date.prototype) 

// Objekt

console.log(typeof Object.prototype) 

// Objekt

Oh, oben wurde auch erwähnt, dass es sich um eine leere Funktion handelt. Werfen wir einen Blick auf Alert(Function.prototype).

Wir wissen, dass der __proto__ aller Konstruktoren (einschließlich integrierter und benutzerdefinierter) Function.prototype ist. Wer ist also der __proto__ von Function.prototype?

Ich glaube, Sie haben alle gehört, dass Funktionen in JavaScript ebenfalls erstklassige Bürger sind. Wie können Sie das also zeigen? Wie folgt

Code kopieren Der Code lautet wie folgt:

console.log(Function.prototype.__proto__ ===

Object.prototype) 

// wahr

Dies zeigt, dass alle Konstruktoren auch gewöhnliche JS-Objekte sind und dem Konstruktor Attribute hinzugefügt/entfernt werden können. Gleichzeitig erbt es auch alle Methoden von Object.prototype: toString, valueOf, hasOwnProperty usw.

Wer ist der __proto__ von Object.prototype?

Code kopieren Der Code lautet wie folgt:

Object.prototype.__proto__ === 

null //

wahr

Es hat die Spitze erreicht und ist null.

Verstehen Sie den Unterschied zwischen __proto__ und Prototyp in Javascript? Wenn Sie Fragen haben, hinterlassen Sie bitte eine Nachricht und lassen Sie uns gemeinsam darüber diskutieren