JavaScript Class super keyword

definitie en gebruik

super het keyword verwijst naar de ouderklasse.

het wordt gebruikt om de constructor van de ouderklasse aan te roepen en de eigenschappen en methoden van de ouderklasse te benaderen.

tip:Om het concept 'erfgenamen' (oudere klasse en subklasse) beter te begrijpen, lees onze JavaScript klasse handleiding

voorbeeld

maak een klasse genaamd 'Model' die extends het keyword 'Car' klasse methoden te erven.

door de constructor aan te roepen super() methoden, we zullen de constructor van de ouderklasse aanroepen en de eigenschappen en methoden van de ouderklasse kunnen benaderen:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'Ik heb een ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', het is een ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

probeer het zelf

syntaxis

super(arguments);  // ouderlijke constructor aanroepen (alleen binnen constructors)
super.parentMethod(arguments);  // ouderlijke methode aanroepen

technische details

JavaScript versie: ECMAScript 2015 (ES6)

browserondersteuning

sleutelwoord Chrome IE Firefox Safari Opera
super 42.0 13.0 45.0 9.0 36.0

gerelateerde pagina's

JavaScript handleiding:JavaScript class

JavaScript handleiding:JavaScript ES6 (EcmaScript 2015)

JavaScript reference manual:extends sleutelwoord

JavaScript reference manual:constructor() method