Javascript ES6 – #10. Clases

Lección
Materiales

Las clases en Javascript se introdujeron en esta versión (ECMAScript2015 o ES6) y supusieron una mejora significativa en la herencia basada en prototipos de Javascript a la que estábamos acostumbrados. Estas clases nos dan una sintaxis más clara y simple para crear objetos y trabajar con herencia.

A diferencia de la versión anterior de Javascript en la que utilizábamos la palabra reservada function para definir una «clase» (entre comillas), en esta versión se utiliza class; además, las propiedades se deben indicar dentro de un método constructor. La sintaxis sería la siguiente:

class NombreClase {
  constructor(parametro1 [,parametro 2...]) {
    this.propiedad1 = parametro1;
    [this.propiedad2 = parametro2;]
  }
}

Y cómo no, para definir un objeto de la clase, utilizamos la palabra reservada new.

let|const nombreObjeto = new NombreClase (argumentos);

¡Vamos a pasar a la acción con un vídeo donde veréis su funcionamiento!

Javascript ES6 – #10. Clases

¡Ups! ¡Este contenido está restringido a codelovers! Inicia sesión o, si aún no eres miembro de Didacticode, regístrate!