expresin class

Sintaxis

var MyClass = class [className] [extends] {
  // class body
};

Descripcin

Una expresin de clase tiene una sintaxis similar a la declaracin de una clase. Sin embargo, con las expresiones de clases, est permitido omitir el nombre de la clase ("identificador de enlace"), cosa que no se puede hacer con las declaraciones de clases. Adems, las expresiones de clases permiten redefinir/redeclarar clases y no lanzar ningn tipo de error como las declaraciones de clases. La propiedad constructor es opcional. Y el typeof de las clases generadas con esta palabra clave siempre ser "function".

Tal y como en la declaracin de clases, el cuerpo de la expresin de clase se ejecuta en modo estricto.

"use strict";
var Foo = class {}; // la propiedad constructor es opcional
var Foo = class {}; // Se permite repetir declaraciones

typeof Foo; // devuelve "function"
typeof class {}; // devuelve "function"

Foo instanceof Object; // true
Foo instanceof Function; // true
class Foo {} // Lanza TypeError, no permite volver a declararla

Ejemplo

Una clase sencilla

Esta es una sencilla expresin de clase annima a la que se puede hacer referencia utilizando la variable "Foo".

var Foo = class {
  constructor() {}
  bar() {
    return "Hello World!";
  }
};

var instance = new Foo();
instance.bar(); // "Hello World!"
Foo.name; // "Foo"

Expresiones de clase con nombre

Si se quiere hacer referencia a la clase actual dentro del cuerpo de la clase, se puede crear una expresin de clase con nombre. Este nombre slo ser visible en el mismo contexto de la expresin de clase.

var Foo = class NamedFoo {
  constructor() {}
  whoIsThere() {
    return NamedFoo.name;
  }
};
var bar = new Foo();
bar.whoIsThere(); // "NamedFoo"
NamedFoo.name; // ReferenceError: NamedFoo no est definido
Foo.name; // "NamedFoo"

Especificaciones

Compatibilidad con navegadores

Ver tambin

• expresin function
• declaracin class
• Clases