Konstruktor Kelas JavaScript
Contoh
Buat kelas Mobil, lalu buat objek bernama "mycar" berdasarkan kelas Mobil:
class Car {
constructor(brand) { // Constructor
this.carname = brand;
}
}
mycar = new Car("Ford");
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Metode constructor()
adalah metode khusus untuk membuat dan menginisialisasi objek yang dibuat di dalam kelas.
Metode constructor()
ini dipanggil secara otomatis ketika kelas dimulai, dan harus memiliki nama persis "konstruktor", pada kenyataannya, jika Anda tidak memiliki metode konstruktor, JavaScript akan menambahkan metode konstruktor yang tidak terlihat dan kosong.
Catatan: Kelas tidak boleh memiliki lebih dari satu metode konstruktor(). Ini akan melempar SyntaxError
.
Anda dapat menggunakan super()
metode untuk memanggil konstruktor kelas induk (lihat "Contoh Lainnya" di bawah).
Dukungan Peramban
constructor()
adalah fitur ECMAScript6 (ES6).
ES6 (JavaScript 2015) didukung di semua browser modern:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
constructor()
tidak didukung di Internet Explorer 11 (atau lebih lama).
Sintaksis
constructor(parameters)
Detail Teknis
Versi JavaScript: | ECMAScript 2015 (ES6) |
---|
Lebih Banyak Contoh
Untuk membuat pewarisan kelas, gunakan extends
kata kunci.
Kelas yang dibuat dengan pewarisan kelas mewarisi semua metode dari kelas lain:
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();
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.
Halaman Terkait
Tutorial JavaScript: Kelas JavaScript
Tutorial JavaScript: JavaScript ES6 (EcmaScript 2015)
Referensi JavaScript: Kata Kunci yang diperluas
Referensi JavaScript: Kata Kunci super