class

Baseline Widely available

This feature is well established and works across many devices and browser versions. Its been available across browsers since marzo de 2017.

Learn more
See full compatibility

La declaracin class crea una nueva clase con el nombre proporcionado utilizando la herencia basada en prototipos

Tambin se puede definir una clase usando una expresin de clase. Pero a diferencia de las expresiones de clases, la declaracin de clases no permite que una clase existente sea declarada de nuevo y en caso de hacerse, lanzar un error de tipo.

Sintaxis

class name [extends] {
  // Contenido de la clase
}

Descripcin

De la misma manera que con las expresiones de clase, el contenido de una clase se ejecuta en modo estricto.

Las declaraciones de clases no estn izadas (al contrario que las declaraciones de funciones).

Ejemplos

Declaracin sencilla de una clase

En el siguiente ejemplo, primero definimos la clase Polygon, luego extendemos de ella para crear la clase Square. Notar que super(), utilizado en el constructor, slo puede ser llamado dentro del constructor y debe ser llamado antes de que la palabra clave this pueda ser usada.

class Polygon {
  constructor(height, width) {
    this.name = "Polygon";
    this.height = height;
    this.width = width;
  }
}

class Square extends Polygon {
  constructor(length) {
    super(length, length);
    this.name = "Square";
  }
}