JavaScript Class super Keyword
Example
Create a class named "Model" which will inherit the methods from the "Car"
class, by using the extends keyword.
By calling the super() method in the constructor method, we call the
parent's constructor method and gets access to the parent's properties and
methods:
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();
Definition and Usage
The super keyword refers to the parent class.
It is used to call the constructor of the parent class and to access the parent's properties and methods.
Tip: To understand the "inheritance" concept (parent and child classes) better, read our JavaScript Classes Tutorial.
Browser Support
| Keyword | |||||
|---|---|---|---|---|---|
| super | 42.0 | 13.0 | 45.0 | 9.0 | 36.0 |
Syntax
super(arguments); // calls the parent constructor (only inside
the constructor)
super.parentMethod(arguments); // calls a parent method
Technical Details
| JavaScript Version: | ECMAScript 2015 (ES6) |
|---|
Related Pages
JavaScript Tutorial: JavaScript Classes
JavaScript Tutorial: JavaScript ES6 (EcmaScript 2015)
JavaScript Reference: The extends Keyword
JavaScript Reference: The constructor() method
