Kelas JavaScript super
Definisi dan Penggunaan
Kata super
kunci digunakan untuk memanggil konstruktor kelas induknya untuk mengakses properti dan metode induk.
Tip: Untuk memahami konsep "warisan" (kelas induk dan anak) dengan lebih baik, baca Tutorial Kelas JavaScript kami .
Contoh
Buat kelas bernama "Model" yang akan mewarisi metode dari kelas "Mobil", dengan menggunakan extends
kata kunci.
Dengan memanggil super()
metode dalam metode konstruktor, kita memanggil metode konstruktor induk dan mendapatkan akses ke properti dan metode induk:
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();
Dukungan Peramban
super
adalah fitur ECMAScript6 (ES6).
ES6 (JavaScript 2015) didukung di semua browser modern:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
super
tidak didukung di Internet Explorer 11 (atau lebih lama).
Sintaksis
super(arguments); // calls the parent constructor (only inside
the constructor)
super.parentMethod(arguments); // calls a parent method
Detail Teknis
Versi JavaScript: | ECMAScript 2015 (ES6) |
---|
Halaman Terkait
Tutorial JavaScript: Kelas JavaScript
Tutorial JavaScript: JavaScript ES6 (EcmaScript 2015)
Referensi JavaScript: Kata Kunci yang diperluas
Referensi JavaScript: Metode konstruktor()