Super classe JavaScript
Définition et utilisation
Le super
mot clé est utilisé pour appeler le constructeur de sa classe parent pour accéder aux propriétés et méthodes du parent.
Astuce : Pour mieux comprendre le concept "d'héritage" (classes parent et enfant), lisez notre Tutoriel sur les classes JavaScript .
Exemple
Créez une classe nommée "Model" qui héritera des méthodes de la classe "Car", en utilisant le extends
mot clé.
En appelant la super()
méthode dans la méthode constructeur, nous appelons la méthode constructeur du parent et obtenons l'accès aux propriétés et méthodes du parent :
class Car {
constructor(brand) {
this.carname =
brand;
}
present() {
return 'I have a ' + this.carname;
}
}
class Model extends Car {
constructor(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();
Prise en charge du navigateur
super
est une fonctionnalité ECMAScript6 (ES6).
ES6 (JavaScript 2015) est pris en charge dans tous les navigateurs modernes :
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
super
n'est pas pris en charge dans Internet Explorer 11 (ou version antérieure).
Syntaxe
super(arguments); // calls the parent constructor (only inside
the constructor)
super.parentMethod(arguments); // calls a parent method
Détails techniques
Version JavaScript : | ECMAScript 2015 (ES6) |
---|
Pages connexes
Tutoriel JavaScript : Classes JavaScript
Tutoriel JavaScript : JavaScript ES6 (EcmaScript 2015)
Référence JavaScript : le mot-clé "extends"
Référence JavaScript : La méthode constructeur()