Kelas JavaScript diperluas
Contoh
Buat kelas bernama "Model" yang akan mewarisi metode dari kelas "Mobil":
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();
Definisi dan Penggunaan
Kata extends
kunci digunakan untuk membuat kelas anak dari kelas lain (induk).
Kelas anak mewarisi semua metode dari kelas lain.
Warisan berguna untuk penggunaan kembali kode: menggunakan kembali properti dan metode kelas yang ada saat Anda membuat kelas baru.
Catatan: Dari contoh di atas; Metode super()
mengacu pada kelas induk. Dengan memanggil super()
metode dalam metode konstruktor, kita memanggil metode konstruktor induk dan mendapatkan akses ke properti dan metode induk.
Dukungan Peramban
extends
adalah fitur ECMAScript6 (ES6).
ES6 (JavaScript 2015) didukung di semua browser modern:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
extends
tidak didukung di Internet Explorer 11 (atau lebih lama).
Sintaksis
class childClass extends parentClass
Detail Teknis
Versi JavaScript: | ECMAScript 2015 (ES6) |
---|
Halaman Terkait
Tutorial JavaScript: Kelas JavaScript
Tutorial JavaScript: JavaScript ES6 (EcmaScript 2015)
Referensi JavaScript: Kata Kunci super
Referensi JavaScript: Metode konstruktor()