Heim > Web-Frontend > js-Tutorial > Hauptteil

Wichtige Punkte zur Erläuterung des Methodenumschreibens bei der JS-Vererbung

亚连
Freigeben: 2018-05-17 09:57:41
Original
2417 Leute haben es durchsucht

1. Eine im Interview aufgetretene Frage, die Unterklasse erbt die übergeordnete Klasse. Die übergeordnete Klasse verfügt über zwei Methoden und überschreibt eine der Methoden. Wenn es um Vererbung geht, verwende ich auf jeden Fall die kombinierte Vererbung. Es ist in Ordnung, Methoden direkt auf dem Prototyp--Objekt der Unterklasse zu überschreiben, da die -Attribute des Objekts vorhanden sind Die Suche basiert auf dem Prinzip der Nähe in der Prototypenkette. Die zuerst gefundene Methode ruft diese Methode auf.

2. Der Code lautet wie folgt:

[javascript] view plain copy
// supcalss  
var parent = function(name,age){  
    this.name = name;  
    this.age = age;  
}  
parent.prototype.showProper = function()  
{  
    console.log(this.name+":"+this.age);  
}  
var child = function(name,age){  
    parent.call(this,name,age);  
}  
// inheritance  
child.prototype = Object.create(parent.prototype);  
// child.prototype = new parent();  
child.prototype.constructor = child;
Nach dem Login kopieren
// rewrite function  
child.prototype.showProper = function(){  
    console.log('I am '+this.name+":"+this.age);  
}  
var obj = new child('wozien','22');  
obj.showProper();
Nach dem Login kopieren

Auf diese Weise überschreibt die Unterklasse die showProper-Methode der übergeordneten Klasse. Unter diesen erstellt die Funktion Object.create(proto) ein Objekt mit dem Protoobjekt als Prototypobjekt und gibt dieses Objekt zurück.

Die Reihenfolge der Methodensuche: obj -> child.prototype ->parent.prototype

3. Dinge, die es zu beachten gilt: Bei der Implementierung der Methodenvererbung und dem Überschreiben in JS oder beim Erstellen von When Mithilfe von Klassenmethoden werden sie alle am Prototypobjektprototyp ausgeführt. Es besteht keine Notwendigkeit, andere Methoden zum Erben von Methoden in Betracht zu ziehen.

Verwandte Artikel:

Erklärung der Methoden zum Definieren von Klassen in JS

Erklärung der grundlegenden Syntax und Variablen von JavaScript

Erklärung einiger grundlegender und häufig verwendeter Methoden in js

Das obige ist der detaillierte Inhalt vonWichtige Punkte zur Erläuterung des Methodenumschreibens bei der JS-Vererbung. 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