Le mot-clé extends

Fait partie de la section Programmation Orientée Objet du Journey JavaScript de Coddy — leçon 26 sur 56.

Le mot-clé extends en JavaScript est utilisé pour créer une classe enfant qui hérite des propriétés et des méthodes d'une classe parente.

Commençons par créer une classe parente :

class Animal {
  constructor(name) {
    this.name = name;
  }
  
  speak() {
    return `${this.name} makes a noise.`;
  }
}

Maintenant, créons une classe enfant qui étend la classe parente :

class Dog extends Animal {
  // La classe Dog hérite de Animal
}

Ce code simple signifie que la classe Dog hérite désormais de toutes les propriétés et méthodes de la classe Animal.

Créez une instance de chien :

const dog = new Dog('Rex');

Appelez une méthode héritée du parent :

console.log(dog.speak()); // Affiche : "Rex makes a noise."

Le mot-clé extends crée une relation d'héritage où la classe enfant (Dog) peut accéder à et utiliser toutes les fonctionnalités définies dans la classe parente (Animal).

Défi

Créez une classe Student qui étend la classe Person en utilisant le mot-clé extends et exportez-la.

Aide-mémoire

Le mot-clé extends crée une classe enfant qui hérite des propriétés et des méthodes d'une classe parente :

class Animal {
  constructor(name) {
    this.name = name;
  }
  
  speak() {
    return `${this.name} makes a noise.`;
  }
}

class Dog extends Animal {
  // Dog hérite d'Animal
}

const dog = new Dog('Rex');
console.log(dog.speak()); // Affiche : "Rex makes a noise."

La classe enfant peut accéder à toutes les propriétés et méthodes de la classe parente.

Essayez vous-même

import { Student } from './classes.js';

// Code de test - ne pas modifier
const student = new Student("Emma");
console.log(student.greet());  // Devrait afficher "Hello, I'm Emma"