Classes JavaScript

Les classes sont des modèles pour créer des objets.

Nous utilisons le mot-clé class pour créer une classe, et le corps de la classe se trouve à l'intérieur d'une paire d'accolades.{}À l'intérieur, nous pouvons, entre les accolades,{}définir les positions des membres de la classe, tels que les méthodes ou les constructeurs.

Chaque classe contient une méthode spéciale.constructor()C'est le constructeur de la classe. Cette méthode est utilisée pour créer et initialiser un objet créé parclassl'objet créé.

La syntaxe de création d'une classe est la suivante :

class ClassName { constructor() { ... } }

Exemple :

Exemple

class Example { constructor(name, url) { this.name = name; this.url = url; } }

L'exemple ci-dessus crée une classe nommée "Example".

La classe initialise deux propriétés : "name" et "url".

Prise en charge des navigateurs

Les chiffres dans le tableau indiquent la première version du navigateur qui prend en charge cette fonctionnalité.

Chrome 49 Edge 12 Firefox 45 Safari 9 Opera 36
mars 2016 juil. 2015 mars 2016 oct. 2015 mars 2016

Utilisation des classes

Après avoir défini une classe, nous pouvons utiliser lenewmot-clé pour créer des objets :

Exemple

class Example { constructor(name, url) { this.name = name; this.url = url; } } let site = new Example("Example", "https://www.example.com");

Essayez-le vous-même »

Lors de la création d'un objet, la méthode constructeur est automatiquement appelée.constructor()。

Expressions de classe

Les expressions de classe sont une autre façon de définir une classe. Les expressions de classe peuvent être nommées ou anonymes. Le nom d'une expression de classe nommée est local au corps de la classe.

Exemple

//Classe sans nom/anonyme let Example = class { constructor(name, url) { this.name = name; this.url = url; } }; console.log(Example.name); // sortie : "Example" //Classe nommée let Example = class Example2 { constructor(name, url) { this.name = name; this.url = url; } }; console.log(Example.name); //Sortie : "Example2"

Méthode constructeur

La méthode constructeur est une méthode spéciale :

  • La méthode constructeur est nommée constructor().
  • La méthode constructeur est automatiquement exécutée lors de la création d'un nouvel objet.
  • La méthode constructeur est utilisée pour initialiser les propriétés de l'objet.
  • Si vous ne définissez pas de méthode constructeur, JavaScript ajoutera automatiquement une méthode constructeur vide.

Méthodes de classe

Nous utilisons le mot-cléclasspour créer une classe, et pouvons ajouter uneconstructor()méthode, puis ajouter un nombre quelconque de méthodes.

class ClassName { constructor() { ... } method_1() { ... } method_2() { ... } method_3() { ... } }

Dans l'exemple suivant, nous créons une méthode "age" qui renvoie l'âge du site web :

Exemple

class Example { constructor(name, year) { this.name = name; this.year = year; } age() { let date = new Date(); return date.getFullYear() - this.year; } } let example = new Example("Example", 2018); document.getElementById("demo").innerHTML = "Example" + example.age() + "ans.";

Essayez-le vous-même »

Nous pouvons également passer des paramètres aux méthodes de classe :

Exemple

class Example { constructor(name, year) { this.name = name; this.year = year; } age(x) { return x - this.year; } } let date = new Date(); let year = date.getFullYear(); let example = new Example("Example", 2020); document.getElementById("demo").innerHTML= "Example" + example.age(year) + "ans.";

Essayez-le vous-même »

Mode strict "use strict"

Les corps des déclarations de classe et des expressions de classe sont exécutés en mode strict. Par exemple, les constructeurs, les méthodes statiques, les méthodes de prototype, les accesseurs et les mutateurs sont tous exécutés en mode strict.

Si vous ne respectez pas le mode strict, une erreur se produira :

Exemple

class Example { constructor(name, year) { this.name = name; this.year = year; } age() { //date = new Date(); // Erreur let date = new Date(); //Correct return date.getFullYear() - this.year; } }

Essayez-le vous-même »

L'exemple suivant utilise une variable non déclarée dans une classe :

Pour en savoir plus sur le mode strict, vous pouvez consulter :Mode strict JavaScript (use strict)

Référence

Méthodes de classe

Méthode Description
constructor() Constructeur, utilisé pour créer et initialiser une classe.

Mots-clés de classe

Kata kunci Description
extends Hériter d'une classe
static Définit une méthode statique dans une classe.
super Appelle la méthode constructeur de la classe parente.
Autres extensions