Le mot-clé super
est utilisé pour appeler des fonctions définies sur l'objet parent.
Les expressions de la forme super.propriété
et super[expr]
sont valides pour n'importe quelle définition de méthode, que ce soit au sein d'une classe ou d'un littéral objet.
Syntaxe
super([arguments]); // Le constructeur parent est appelé super.functionOnParent([arguments]);
Description
Lorsqu'il est utilisé dans un constructeur, le mot-clé super
est utilisé seul et doit apparaître avant le mot-clé this
. Ce mot-clé peut également être utilisé afin d'appeler des fonctions sur un objet parent.
Exemples
Utiliser super
avec les classes
Ce fragment de code est tiré de cet exemple :
class Polygone { constructor(hauteur, largeur) { this.name = 'Polygone'; this.hauteur = hauteur; this.largeur = largeur; } coucou(){ console.log('Coucou, je suis un '+this.name + '.'); } } class Carré extends Polygone { constructor(longueur) { // Ici, on appelle le constructeur de Polygone // qui est l'objet « parent » de Carré super(longueur, longueur); // Pour les classes dérivées, super() doit être appelé // avant d'utiliser 'this' sinon cela entraînera une // exception ReferenceError. this.name = 'Carré'; } get aire() { return this.hauteur * this.largeur; } set aire(valeur) { this.aire = valeur; } }
Utilisere super pour appeler des méthodes statiques
Il est possible d'utiliser super pour invoquer des méthodes statiques :
class Humain { constructor() {} static ping() { return 'ping'; } } class Ordinateur extends Humain { constructor(){} static pingpong() { return super.ping() + 'pong'; } } Ordinateur.pingpong(); // 'ping pong'
Supprimer des propriétés parentes lèvera une exception
Il n'est pas possible d'utiliser l'opérateur delete
sur super.prop
ou super[expr]
pour supprimer une propriété de la classe parente, cela renverra une exception ReferenceError
:
class Base { constructor() {} toto() {} } class Dérivée extends Base { constructor() {} delete() { delete super.toto; } } new Dérivée().delete(); // ReferenceError : suppression invalide avec 'super'
Super.prop
ne peut pas surcharger les propriétés non modifiables
Lorsque des propriétés sont définies sans accès en écriture (non-writable), par exemple avec Object.defineProperty
, super
ne peut pas surcharger les valeurs de ces propriétés.
class X { constructor() { Object.defineProperty(this, "prop", { configurable: true, writable: false, value: 1 }); } f() { super.prop = 2; } } var x = new X(); x.f(); console.log(x.prop); // 1
Utiliser super.prop
sur les littéraux objets
super
peut également être utilisé avec la notation littérale. Dans l'exemple qui suit, deux objets définissent chacun une méthode. Le deuxième objet utilise super
pour appeler la méthode du premier objet. Cela fonctionne grâce à Object.setPrototypeOf()
avec lequel on définit que le prototype de obj2
est obj1
. De cette façon, super peut parcourir la chaîne de prototypes et trouver méthode1
dans obj1
.
var obj1 = { méthode1() { console.log("méthode 1"); } } var obj2 = { méthode2() { super.méthode1(); } } Object.setPrototypeOf(obj2, obj1); obj2.méthode2(); // affiche "méthode 1" dans la console
Spécifications
Spécification | Statut | Commentaires |
---|---|---|
ECMAScript 2015 (6th Edition, ECMA-262) La définition de 'super' dans cette spécification. |
Standard | Définition initiale. |
ECMAScript 2017 Draft (ECMA-262) La définition de 'super' dans cette spécification. |
Projet |
Compatibilité des navigateurs
Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Support simple | 42.0 | 45 (45) | ? | ? | ? |
Fonctionnalité | Android | Webview Android | Chrome pour Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|---|
Support simple | Pas de support | 42.0 | 42.0 | 45.0 (45) | ? | ? | ? |
Notes spécifiques à Gecko
super()
ne fonctionne pas comme attendu pour les prototypes natifs.