Aller au contenu

Héritage de classes JavaScript

Introduction à l'héritage de classes JavaScript

L'héritage de classes est un concept fondamental de la programmation orientée objet qui permet à une classe d'hériter de propriétés et de méthodes d'une autre classe. En JavaScript, l'héritage de classes est implémenté à l'aide du mot-clé extends, offrant un moyen de créer une classe dérivée qui hérite d'une classe de base.

Pour plus d'informations sur la syntaxe de base, consultez JavaScript : Classes et syntaxe de base.

Création d'une classe dérivée

Pour créer une classe qui hérite d'une autre, nous utilisons le mot-clé extends :

Output appears here after Run.

Dans cet exemple, Circle hérite de Shape, ce qui signifie qu'il hérite des propriétés et méthodes de Shape, tout en fournissant ses propres méthodes. Notez que Circle ne définit pas son propre constructeur. En JavaScript, les classes dérivées sans constructeur explicite appellent automatiquement super() avec les mêmes arguments passés au constructeur de la classe dérivée.

Redéfinition de méthodes

Les classes dérivées peuvent redéfinir les méthodes de leurs classes de base pour fournir un comportement spécifique à la sous-classe.

Output appears here after Run.

Ici, Circle redéfinit la méthode print pour refléter son type spécifique.

Appel de méthodes parentes avec super

Vous pouvez également appeler la méthode d'une classe parente depuis la classe dérivée en utilisant super.methodName(). Cela est utile lorsque vous souhaitez étendre le comportement du parent plutôt que de le remplacer complètement.

Output appears here after Run.

Ici, super.print() exécute la logique du parent avant d'ajouter la sortie spécifique à la sous-classe.

Accès au constructeur parent : mot-clé super

Lorsqu'une classe hérite d'une autre, la fonction constructeur de la classe dérivée doit appeler le constructeur du parent en utilisant super() avant de pouvoir utiliser this. Voici comment super est utilisé dans les constructeurs pour garantir l'initialisation de la classe parente :

Output appears here after Run.

Résumé

L'héritage de classes JavaScript est une fonctionnalité puissante qui permet de créer un modèle d'objet plus gérable et hiérarchique. En comprenant et en utilisant efficacement l'héritage, vous pouvez écrire du code JavaScript plus organisé et modulaire. L'héritage favorise non seulement la réutilisation du code, mais aide également à créer une relation intuitive entre les composants de votre application.

Pratique

Dans l'héritage de classes JavaScript, quelles affirmations sont vraies ?

Trouvez-vous cela utile?

Aperçu dual-run — comparez avec les routes Symfony en production.