Mot-clé super de la classe JavaScript

Définition et utilisation

super Le mot-clé cite la classe parente.

Il est utilisé pour appeler le constructeur de la classe parente et accéder aux propriétés et méthodes de la classe parente.

Astuce :Pour mieux comprendre le concept d'héritage (classe parente et classe fille), veuillez lire notre Tutoriel de classes JavaScript.

实例

Créer une classe nommée "Model", qui utilisera extends le mot-clé d'héritage "Car" des méthodes. extends

En appelant la méthode de construction dans super() Méthodes, nous allons appeler la méthode de construction de la classe parente et pouvons accéder aux propriétés et méthodes de la classe parente :

class Car {
  constructeur(brand) {
    this.carname = brand;
  }
  present() {
    return 'I have a ' + this.carname;
  }
}
class Model extends Car {
  constructeur(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', it is a ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

Essayez-le vous-même

Syntaxe

super(arguments);  // Appel du constructeur parent (uniquement dans le constructeur)
super.parentMethod(arguments);  // Appel de la méthode parent

Détails techniques

Version JavaScript : ECMAScript 2015 (ES6)

Compatibilité des navigateurs

Mots-clés Chrome IE Firefox Safari Opera
super 42.0 13.0 45.0 9.0 36.0

pages associées

Tutoriel JavaScript :Classe JavaScript

Tutoriel JavaScript :JavaScript ES6 (EcmaScript 2015)

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

Référence JavaScript :Méthode constructor()