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();
Artículos relacionados:
Como leer un archivo de texto (txt) usando nodejs

Imagen destacada del artículo Como leer un archivo de texto (txt) usando nodejs

Gatsby JS - introducción, ventajas y usos

Imagen destacada del artículo Gatsby JS - introducción, ventajas y usos

Método .reduce() ejemplos prácticos con javascript

Imagen destacada del artículo Método .reduce() ejemplos prácticos con javascript

Cómo filtrar elementos de un array con filter javascript

Imagen destacada del artículo Cómo filtrar elementos de un array con filter javascript

Cómo insertar Javascript en HTML

Imagen destacada del artículo Cómo insertar Javascript en HTML

Cómo eliminar elementos repetidos de un arreglo en JavaScript

Imagen destacada del artículo Cómo eliminar elementos repetidos de un arreglo en JavaScript

Eliminar el primer y ultimo carácter de una cadena en javascript

Imagen destacada del artículo Eliminar el primer y ultimo carácter de una cadena en javascript