L'héritage des classes (extends et super)

Chapitre 16 — La programmation orientée objet · 16.5 L'héritage des classes (extends et super)

1. Pourquoi hériter ?

Un livre papier et un e-book sont tous deux des produits: ils ont un nom, un prix HT, un prix TTC. Mais le livre a un poids et des frais de livraison, l'e-book une taille de fichier. Plutôt que de recopier ce qui est commun, on écrit une classe parent Produit et des classes enfants qui en héritent.

Figure 1 — Une classe parent, deux classes enfants.

2. extends et super

class Produit {
  constructor(nom, prixHT) {
    this.nom = nom;
    this.prixHT = prixHT;
  }
  get prixTTC() {
    return Math.round(this.prixHT * 1.19 * 100) / 100;
  }
  description() {
    return `${this.nom} — ${this.prixTTC} DT`;
  }
}

// ProduitPhysique HÉRITE de Produit : il a tout ce que Produit a, plus le poids
class ProduitPhysique extends Produit {
  constructor(nom, prixHT, poidsKg) {
    super(nom, prixHT); // appelle le constructeur du parent : OBLIGATOIRE avant this
    this.poidsKg = poidsKg;
  }
  get fraisLivraison() {
    return 5 + 2 * this.poidsKg;
  }
  // REDÉFINITION (override) : on complète la méthode du parent
  description() {
    return `${super.description()} + livraison ${this.fraisLivraison} DT`;
  }
}

class ProduitNumerique extends Produit {
  constructor(nom, prixHT, tailleMo) {
    super(nom, prixHT);
    this.tailleMo = tailleMo;
  }
  description() {
    return `${super.description()} (téléchargement ${this.tailleMo} Mo)`;
  }
}

const livre = new ProduitPhysique("Livre JavaScript", 40, 1.2);
const ebook = new ProduitNumerique("E-book JavaScript", 20, 8);

console.log(livre.description());
console.log(ebook.description());
console.log("livre est un ProduitPhysique ?", livre instanceof ProduitPhysique);
console.log("livre est un Produit ?", livre instanceof Produit);
console.log("ebook est un ProduitPhysique ?", ebook instanceof ProduitPhysique);
console.log("Prix TTC hérité :", ebook.prixTTC);

Résultat dans la console

Livre JavaScript — 47.6 DT + livraison 7.4 DT
E-book JavaScript — 23.8 DT (téléchargement 8 Mo)
livre est un ProduitPhysique ? true
livre est un Produit ? true
ebook est un ProduitPhysique ? false
Prix TTC hérité : 23.8

• class Enfant extends Parent: l'enfant reçoit toutes les propriétés, méthodes, getters et membres statiques du parent.
• super(…) dans le constructeur appelle le constructeur du parent. C'est obligatoire, et avant d'utiliser this.
• Redéfinir (override) une méthode : on l'écrit à nouveau dans l'enfant, avec le même nom.
• super.description() appelle la version du parent, pour la compléter au lieu de la réécrire entièrement.
• Une instance enfant est aussi une instance du parent : livre instanceof Produit vaut true.

3. Oublier super()

class Animal {
  constructor(nom) {
    this.nom = nom;
  }
}
class Chien extends Animal {
  constructor(nom, race) {
    this.race = race; // ✗ this utilisé AVANT super()
    super(nom);
  }
}
try {
  new Chien("Rex", "berger");
} catch (e) {
  console.log(e.constructor.name + " :", e.message);
}

Résultat dans la console

ReferenceError : Must call super constructor in derived class before accessing 'this' or returning from derived constructor

4. Quand utiliser l'héritage ?

Posez-vous la question : « X est un Y ? » Un livre est un produit : héritage possible. Une voiture est un moteur ? Non, elle a un moteur : on utilise alors la composition (leçon 16.7).

Évitez les hiérarchies profondes (plus de deux ou trois niveaux) : chaque changement du parent se répercute sur tous les descendants. Un champ privé #x du parent n'est pas accessible dans l'enfant : celui-ci passe par les getters et méthodes publics du parent.

← 16.4 L'encapsulation : les champs et méthodes privés (#)16.6 Les prototypes : ce qui se cache derrière les classes →