class

Exemple interactif

const Rectangle = class {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
  area() {
    return this.height * this.width;
  }
};

console.log(new Rectangle(5, 8).area());
// Expected output: 40

Syntaxe

const MaClasse = class [nomClasse] [extends autreNomClasse] {
  // corps de la classe
};

Description

Une expression de classe utilise une syntaxe similaire celle d'une instruction de classe. En revanche, avec les expressions de classes, il est possible de ne pas nommer la classe, ce qu'il est impossible de faire avec les instructions de classes. De plus, en utilisant les expressions de classe, on peut redfinir/redclarer les classes si ncessaire. Le type d'une classe sera toujours "function".

Le corps d'une classe sera excut en mode strict (pour les instructions et les expressions de classe).

Exemples

Une expression simple

Ici, on utilise une expression de classe anonyme qu'on lie la variable Toto.

var Toto = class {
  constructor() {}
  truc() {
    return "Coucou monde !";
  }
};

var instance = new Toto();
instance.truc(); // "Coucou monde !"
Toto.name; // "Toto"

Des expressions nommes

Si on souhaite faire rfrence la classe, au sein du corps de la classe, on pourra utiliser une expression nomme. Le nom utilis ne sera visible que depuis l'intrieur de la porte de l'expression de classe.

// TBD
var Toto = class TotoNomm {
  constructor() {}
  quiEstLa() {
    return TotoNomm.name;
  }
};

var truc = new Toto();
truc.quiEstLa(); // "TotoNommm"
TotoNomm.name; // ReferenceError
Toto.name; // "TotoNomm"

Spcifications

Compatibilit des navigateurs

Voir aussi

• Les expressions function
• Les dclaration class
• Les classes