Tout ce que vous devez savoir sur l'héritage dans JavaScript

Cet article vous fournira des connaissances détaillées et complètes sur la façon d'implémenter l'héritage en JavaScript avec des exemples.

L'héritage est un concept important dans la programmation orientée objet. Dans l'héritage classique, les méthodes de la classe de base sont copiées dans la classe dérivée. Voyons donc l'héritage en JavaScript de la manière suivante:



Héritage en JavaScript

En JavaScript, l'héritage est pris en charge à l'aide d'un objet prototype. Certaines personnes l'appellent «l'héritage prototypique» et d'autres l'appellent «délégation de comportement».



Héritage en JavaScript

Héritage prototypique (modèle de délégation de comportement)

  • v1etv2sont liés àVéhicule.prototypecar il a été créé à l'aide de Nouveau mot-clé.



  • De même,c1etc2sont liés àPrototype de voitureetPrototype de voitureest lié àVéhicule.prototype.

  • En JavaScript, lorsque nous créons l'objet, il ne copie pas les propriétés ou le comportement, il crée un lien. Un type similaire de lien est également créé en cas d'extension de classe.

  • Toutes les flèches vont dans la direction opposée par rapport à l'héritage non-js classique car il s'agit d'un lien de délégation de comportement. Ces liens sont connus sous le nom de chaîne prototype.



  • Ce modèle est appelé Modèle de délégation de comportement qui est communément appelé un héritage prototypique en JavaScript.

Code: héritage en JavaScript

! DOCTYPE html>

fonction Personne (prénom, nom) 'inconnu'

this.LastName = nom de famille

Person.prototype.getFullName = function () {

renvoyer this.FirstName + '' + this.LastName

}

fonction Élève (prénom, nom, école, année)

Person.call (this, firstName, lastName)

this.SchoolName = schoolName

//Student.prototype = Personne.prototype

Student.prototype = nouvelle personne ()

Student.prototype.constructor = Etudiant

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

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

alert (instance std de Student) // true

alert (instance std de Person) // true

Ce code produira la sortie suivante.

PRODUCTION:

Avec cela, nous arrivons à la fin de cet article. Pour plus d'informations, vous pouvez consulter les blogs suivants:

abstraction en c ++

Vérifiez par Edureka, une entreprise d'apprentissage en ligne de confiance avec un réseau de plus de 250 000 apprenants satisfaits répartis dans le monde entier. Angular est un framework JavaScript utilisé pour créer des applications Web évolutives, d'entreprise et performantes côté client. L'adoption du cadre angulaire étant élevée, la gestion des performances de l'application est indirectement dirigée par la communauté, ce qui génère de meilleures opportunités d'emploi. La formation de certification angulaire vise à couvrir tous ces nouveaux concepts autour du développement d'applications d'entreprise.

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de cet article et nous vous recontacterons.