¿Ya dominas lo básico? Un curso estructurado de TypeScript es la vía rápida para dar el salto.

Enlace de afiliado. No te cuesta nada extra.

🔷Lecciones de TypeScript

Lección 14 / 20

Herencia (extends) e implementar una interfaz (implements)

En esta lección combinarás las dos formas de reutilización: heredar de una clase y cumplir un contrato.

extends hereda las propiedades y métodos de otra clase. implements es distinto: no hereda nada, sino que obliga a la clase a tener los métodos que declara la interfaz. Se pueden usar juntos.

El código de ejemplo hereda el nombre de la clase base y, a la vez, se compromete a implementar el método de la interfaz. Fíjate en public name: string dentro del constructor: es un atajo que declara y asigna la propiedad de una vez.

La confusión típica es esperar que implements aporte código. No lo hace: solo comprueba. Si te olvidas de escribir el método, el error salta en la clase, no en la interfaz.

En el trabajo real, este par permite definir «lo que algo debe saber hacer» aparte de «cómo lo hace», que es la base para poder intercambiar implementaciones sin tocar el resto del sistema.

📖 Código de referencia

interface Soundable {
  speak(): string;
}

class Animal {
  constructor(public name: string) {}
}

class Dog extends Animal implements Soundable {
  speak(): string {
    return `${this.name}: ¡Guau!`;
  }
}

const dog = new Dog("Toby");
console.log(dog.speak());

✍️ Tu código

Escribe tu código y pulsa «Ejecutar»

🧪 Este sitio no puede compilar ni ejecutar TypeScript directamente, así que comprueba al instante si lo que escribiste coincide con el código de referencia (la corrección ocurre por completo en tu navegador; no se envía nada a ningún servidor).