Méthode constructor de Class JavaScript

Définition et utilisation

constructor() La méthode est une méthode spéciale utilisée pour créer et initialiser les objets créés dans la classe.

Lors de l'initialisation de la classe,constructor() La méthode est appelée automatiquement et elle doit utiliser le nom exact "constructor", en réalité, si vous n'avez pas de méthode de construction, JavaScript ajoutera une méthode de construction invisible.

Remarque :Une classe ne peut pas utiliser plusieurs méthodes constructor() Cela lèvera SyntaxError.

Vous pouvez utiliser super() méthode pour appeler le constructeur de la classe parente (voir les exemples ci-dessous).

Instance

Exemple 1

Créez une classe Car, puis créez un objet nommé "mycar" basé sur cette classe Car :

class Car {
  constructeur(brand) {  // Constructeur
    this.carname = brand;
  }
}
mycar = new Car("Ford");

Essayez-le vous-même

Exemple 2

Pour créer une héritage de classe, utilisez extends mot-clé.

Les classes créées par héritage de classe hériteront de toutes les méthodes de l'autre classe.

Créez une classe nommée "Model" qui héritera des méthodes de la classe "Car" :

class Car {
  constructeur(brand) {
    this.carname = brand;
  }
  present() {
    return 'J'ai une ' + this.carname;
  }
}
class Model extends Car {
  constructeur(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', c'est un ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

Essayez-le vous-même

super() de la classe parente.

En appelant la méthode super() Méthode, nous appelons le constructeur de la classe parente et pouvons accéder aux propriétés et méthodes de la classe parente.

Syntaxe

constructeur(paramètres)

Détails techniques

Version de JavaScript : ECMAScript 2015 (ES6)

Prise en charge du navigateur

Méthode Chrome IE Firefox Safari Opera
constructor() 49.0 13.0 45.0 9.0 36.0

pages associées

JavaScript tutoriel :Classe JavaScript

JavaScript tutoriel :JavaScript ES6 (EcmaScript 2015)

Référence JavaScript :Mot-clé extends

Référence JavaScript :Mot-clé super