Clases en JavaScript

Este es el septimo tutorial de la serie 'Mis apuntes JavaScript'. En este tutorial aprenderemos sobre las clases en javascript y algunos elementos sobre la programación orientada a objetos en JavaScript.

Índice

  1. Las clases
  2. La herencia en JavaScript

1. Las clases

Las clases como tal llegaron a JavaScript con EcmaScript 6. Es desde esa versión que se pueden usar las clases como las mostraremos a continuación.

class Persona {
  constructor(name, lastName, age) {
    this.name = name;
    this.lastName = lastName;
    this.age = age;
  }

  saludar() {
    console.log(`Hola mi nombre es ${this.name} ${this.lastName}`);
  }
  miEdad() {
    console.log(`Yo tengo ${this.age} años de edad`);
  }
}

Para instanciar esta clase podemos hacer lo siguiente.

let andy = new Persona("Andy", "Eulogio", 23);
andy.saludar();

2. La herencia en JavaScript

Para usar la herencia en JavaScript podemos hacer lo siguiente.

class Desarrollador extends Persona {
  constructor(name, lastName, age, lengDev) {
    //Usamos super para llamar al constructor del padre
    super(name, lastName, age);
    this.age = age;
    this.lengDev = lengDev;
  }

  miLengDev() {
    console.log(`El lenguaje que conozco es ${this.lengDev}`);
  }
}

let devBasic = new Desarrollador("Andres", "Huatanave", 23, "Basic");
devBasic.miLengDev();
devBasic.saludar();