Héritage en JavaScript

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.

En JavaScript, l’héritage est pris en charge en utilisant un objet prototype. Certains l’appellent « Héritage prototypique » et d’autres « Délégation de comportement ».

Voyons comment nous pouvons réaliser une fonctionnalité de type héritage en JavaScript en utilisant l’objet prototype.

Démarrons avec la classe Personne qui comprend la propriété FirstName & LastName comme indiqué ci-dessous.

Dans l’exemple ci-dessus, nous avons défini la classe Personne (fonction) avec les propriétés FirstName & LastName et nous avons également ajouté la méthode getFullName à son objet prototype.

Maintenant, nous voulons créer une classe Student qui hérite de la classe Person afin de ne pas avoir à redéfinir FirstName, LastName et la méthode getFullName() dans la classe Student. Ce qui suit est une classe Student qui hérite de la classe Person.

Veuillez noter que nous avons défini Student.prototype sur un objet de personne nouvellement créé. Le mot-clé new crée un objet de la classe Person et affecte également Person.prototype à l’objet prototype du nouvel objet, puis finalement affecte l’objet nouvellement créé à l’objet Student.prototype. En option, vous pouvez également affecter Person.prototype à l’objet Student.prototype.

Maintenant, nous pouvons créer un objet de Student qui utilise les propriétés et les méthodes de la Personne comme indiqué ci-dessous.

Nous pouvons donc mettre en œuvre l’héritage en JavaScript.