Tot el que heu de saber sobre l'herència a JavaScript



Aquest article us proporcionarà un coneixement detallat i complet sobre com implementar l’herència a JavaScript amb exemples.

L’herència és un concepte important en la programació orientada a objectes. A l'herència clàssica, els mètodes de la classe base es copien en classe derivada. Així doncs, entenem l’herència en JavaScript de la manera següent:

java converteix binari en decimal

Herència en JavaScript

A JavaScript, l’herència s’admet mitjançant l’ús d’un objecte prototip. Algunes persones l’anomenen “Herència prototípica” i hi ha qui l’anomena “delegació de comportament”.





Herència en JavaScript

Herència prototípica (patró de delegació de comportament)

  • v1iv2estan vinculats aVehicle.prototipperquè s’ha creat mitjançant nou paraula clau.



  • De la mateixa manera,c1ic2estan vinculats aPrototip de cotxeiPrototip de cotxeestà vinculat aVehicle.prototip.

  • A JavaScript, quan creem l'objecte, no copia les propietats ni el comportament, crea un enllaç. Es crea un tipus similar d’enllaç en cas d’ampliar la classe també.

  • Totes les fletxes van en sentit contrari en comparació amb l’herència clàssica que no és js, ja que es tracta d’un enllaç de delegació de comportament. Aquestes baules es coneixen com a cadena de prototips.



  • Aquest patró es diu Patró de delegació de comportament que es coneix comunament com a herència prototípica a JavaScript.

Codi: herència en JavaScript

! DOCTYPE html>

funció Person (firstName, lastName) 'unknown'

this.LastName = cognom

Person.prototype.getFullName = function () {

torna this.FirstName + '' + this.LastName

}

funció Student (firstName, lastName, schoolName, grade)

és un postgrau de màster

Person.call (this, firstName, lastName)

this.SchoolName = SchoolName

//Student.prototype = Persona.prototip

Student.prototype = nova persona ()

Student.prototype.constructor = Estudiant

var std = new Student ('James', 'Bond', 'XYZ', 10)

alert (std.getFullName ()) // James Bond

alert (std instanceof Student) // true

alert (primera instància de Persona) // true

Aquest codi produirà la següent sortida.

SORTIDA:

com configurar un eclipsi

Amb això, arribem al final d’aquest article. Per obtenir més informació, podeu consultar els blocs següents:

Consulteu el per Edureka, una empresa d'aprenentatge en línia de confiança amb una xarxa de més de 250.000 estudiants satisfets repartits per tot el món. Angular és un marc JavaScript que s’utilitza per crear aplicacions web escalables, empresarials i de rendiment al costat del client. Com que l’adopció de marc angular és elevada, la gestió del rendiment de l’aplicació es basa en la comunitat de manera indirecta i genera millors oportunitats laborals. La formació sobre certificació angular té com a objectiu cobrir tots aquests nous conceptes entorn del desenvolupament d'aplicacions empresarials.

Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris d’aquest article i us respondrem.