La palabra clave extends

Parte de la sección Programación Orientada a Objetos del Journey de JavaScript de Coddy — lección 26 de 56.

La palabra clave extends en JavaScript se utiliza para crear una clase hija que hereda propiedades y métodos de una clase padre.

Primero, vamos a crear una clase padre:

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

Ahora, vamos a crear una clase hija que extiende la clase padre:

class Dog extends Animal {
  // La clase Dog hereda de Animal
}

Este código simple significa que la clase Dog ahora hereda todas las propiedades y métodos de la clase Animal.

Crea una instancia de perro:

const dog = new Dog('Rex');

Llamar a un método heredado del padre:

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

La palabra clave extends crea una relación de herencia donde la clase hija (Dog) puede acceder y utilizar toda la funcionalidad definida en la clase padre (Animal).

Desafío

Crea una clase Student que extienda la clase Person usando la palabra clave extends y expórtala.

Hoja de referencia

La palabra clave extends crea una clase hija que hereda propiedades y métodos de una clase padre:

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

class Dog extends Animal {
  // Dog hereda de Animal
}

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

La clase hija puede acceder a todas las propiedades y métodos de la clase padre.

Pruébalo tú mismo

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

// Código de prueba - no modificar
const student = new Student("Emma");
console.log(student.greet());  // Debería mostrar "Hello, I'm Emma"