class

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis mars 2017.

La déclaration class crée une nouvelle classe avec le nom fourni en utilisant l'héritage à base de prototypes pour émuler le fonctionnement de classe.

Dans cet article

Exemple interactif

class Polygon {
  constructor(height, width) {
    this.area = height * width;
  }
}

console.log(new Polygon(4, 3).area);
// Expected output: 12

Il est aussi possible de définir une classe avec une expression class.

Syntaxe

js
class nom [extends autreNom] {
  // corps de la classe
}

Description

Les déclarations qui composent le corps de la classe sont exécutées en mode strict. La propriété du constructeur est optionnelle.

Les déclarations utilisées dans les classes ne sont pas remontées (hoisted) (à la différence des déclarations de fonctions).

Dans l'exemple qui suit, on définit une classe Polygone pour laquelle on crée un sous-classe Carré. On note ici que la méthode super() ne peut être utilisée qu'au sein d'un constructeur et doit être appelée avant l'utilisation du mot-clé this.

js
class Polygone {
  constructor(hauteur, largeur) {
    this.nom = "Polygone";
    this.hauteur = hauteur;
    this.largeur = largeur;
  }
}

class Carré extends Polygone {
  constructor(longueur) {
    super(longueur, longueur);
    this.nom = "Carré";
  }
}

Attention : Déclarer une classe deux fois lèvera une exception SyntaxError. De même, on ne pourra pas réutiliser un nom qui a déjà été utilisé dans une expression de classe.

js
// Deux déclarations avec le même nom
class Toto {}
class Toto {} // Uncaught SyntaxError: Identifier 'Toto' has already been declared

// Expression puis déclaration
var Truc = class {};
class Truc {} // Uncaught TypeError: Identifier 'Truc' has already been declared

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 17 févr. 2025 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

class

Dans cet article

Exemple interactif

Syntaxe

Description

Exemples

Déclarer une classe simple

Spécifications

Compatibilité des navigateurs

Voir aussi

Aider à améliorer MDN