class

Baseline Widely available

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

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

También se puede definir una clase usando una expresión de clase. Pero a diferencia de las expresiones de clases, la declaración de clases no permite que una clase existente sea declarada de nuevo y en caso de hacerse, lanzará un error de tipo.

Sintaxis

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

Descripción

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 están izadas (al contrario que las declaraciones de funciones).

Ejemplos

Declaración 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, sólo puede ser llamado dentro del constructor y debe ser llamado antes de que la palabra clave this pueda ser usada.

js
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";
  }
}

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 5 ago 2023 by MDN contributors.

View this page on GitHub • Report a problem with this content

class

In this article

Sintaxis

Descripción

Ejemplos

Declaración sencilla de una clase

Especificaciones

Compatibilidad con navegadores

Ver también

Help improve MDN