Pada artikel ini, kita belajar bagaimana memanggil konstruktor kelas induk. Sebelum memulai artikel ini, kita harus memiliki pengetahuan dasar tentang javascript dan beberapa konsep dasar pewarisan dalam javascript
- Konstruktor. Konstruktor membuat instance kelas, yang biasanya disebut sebagai objek. Kata kunci baru dalam JavaScript menyebabkan konstruktor dipanggil saat objek dideklarasikan. Konstruktor membuat objek dan menyetel properti objek apa pun jika ada
- Warisan dalam javascript. Kemampuan suatu objek untuk mengakses properti dan metode objek lain disebut pewarisan. Objek dapat mewarisi properti dan metode dari objek lain. JavaScript mewarisi properti melalui prototipe, dan bentuk pewarisan ini sering disebut sebagai pewarisan prototipe
- Kata kunci super dalam javascript. Dengan mengeksekusi metode super() dalam metode konstruktor, kami memanggil metode konstruktor induk dan mendapatkan akses ke properti dan metode induk. kita hanya bisa menggunakan kata kunci super di kelas anak dari kelas induk
Sekarang mari kita pahami melalui contoh Bagaimana memanggil konstruktor kelas induk
Contoh. Dalam contoh ini, kita akan mengambil dua kelas satu untuk kelas induk dan satu lagi untuk kelas anak untuk mewarisi properti dan metode dari kelas induk sehingga kita harus menggunakan kata kunci extends untuk mewarisi kelas anak dari . Kemudian di dalam konstruktor kelas anak, kita harus memanggil konstruktor kelas induk jika tidak kompiler akan membuat kesalahan dan memberitahu Anda untuk menyebutkan atau memanggil konstruktor dalam metode konstruktor kelas anak sebelum mengakses ini
JavaScript
class Geeks {
constructor(num1) {
this.num1 = num1;
}
inside Parent Class constructor inside Child class Constructor1
inside Parent Class constructor inside Child class Constructor3inside Parent Class constructor inside Child class Constructor4inside Parent Class constructor inside Child class Constructor5
}
}
inside Parent Class constructor inside Child class Constructor_9
class Geeks {1
class Geeks {3
class Geeks {5class Geeks {6
this________15______9
}
inside Parent Class constructor inside Child class Constructor1
class Geeks {5 6
inside Parent Class constructor inside Child class Constructor3 9inside Parent Class constructor inside Child class Constructor5
}
}
constructor(num1) {4constructor(num1) {5 constructor(num1) {6
constructor(num1) {7
Keluaran
Parent class method call child class method call_Contoh 2. Ini tidak dapat digunakan dalam konstruktor kelas anak sampai super dipanggil. Di ES6, konstruktor untuk subkelas diharuskan untuk memanggil super, atau mereka harus mengembalikan beberapa objek menggantikan objek yang tidak pernah diinisialisasi. Dalam contoh ini, kelas Geeks adalah kelas induk dari MyClass dan ketika sebuah objek dibuat dari tipe MyClass terlebih dahulu ia memanggil konstruktor MyClass di dalam konstruktor MyClass, kita harus memanggil konstruktor kelas induk sebelum mengakses "ini" (objek sendiri). Jadi pertama-tama ia memanggil konstruktor kelas induk (kelas Geeks) sebelum mengakses objeknya sendiri
Katakanlah berikut ini adalah variabel kami -
var message = 'This is the Class Demo';_Berikut ini adalah objek kami,
var object = new FirstClass(message)Kelas FirstClass −
class FirstClass{ constructor( message){ this.message = message; } }Kami akan menggunakan eval() untuk memanggil objek kelas JavaScript dengan variabel. Berikut ini adalah kode -
Contoh
class FirstClass{ constructor( message){ this.message = message; } } var message = 'This is the Class Demo'; var object = new FirstClass(message) console.log(eval(object).message);Untuk menjalankan program di atas, Anda perlu menggunakan perintah berikut –
node fileName.js.Di sini, nama file saya adalah demo121. js
Keluaran
Ini akan menghasilkan output berikut -
PS C:\Users\Amit\JavaScript-code> node demo121.js This is the Class Demo