Imagen destacada del artículo Cómo extender una clase en javascript

Cómo extender una clase en javascript

javascript svg
actualizado: 26 / 10 / 2022

La herencia en javascript funciona a través de clases.

Hagamos un ejemplo en el que debemos clasificar animales:

Crear la clase animal

Nuestra clase base se llamará animal y debe tener una característica que compartan todos los animales para así extender y usar esa base para otros tipos de animales.

En este caso esa característica que compartirá con el resto será respirar.

js
class Animal {
breathe() {
//...
}
}

Extendiendo una clase con extends

A partir de la clase que declaramos anteriormente podemos crear especies que heredarán el método respirar.

js
class Fish extends Animal {
swim() {
//...
}
}
js
class Bird extends Animal {
fly() {
//...
}
}

Creando instancia a partir de las clases extendidas

Para crear una instancia "un animal personalizado" para este caso llamamos a la clase fish con la palabra clave new.

js
const salmon = new Fish();