Pada kesempatan kali ini kursus web design provate online akan menjelaskan cara menggunakan keyword class extends di javascript. Perlu teman-teman ketahui sebelumnya. extends adalah kata kunci yang dapat kalian gunakan untuk membuat class anak dari kelas lain yaitu class induk. Class anak tersebut mewarisi semua method dari class lainnya. Pewarisan berguna untuk menggunakan kembali properti dan metode dari class yang ada pada saat kalian membuat class baru. Untuk contoh kodenya kalian bisa buat seperti contoh kode seperti yang kami kursus web design private 1 murid 1 instruktur contohkan dibawah ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Cara Menggunakan Keyword Class Extends Di JavaScript</title> </head> <body> <div class="output"></div> </body> <script> class Mobil{ constructor(merk) { this.mobilname = merk; } present() { return 'Saya memiliki mobil ' + this.mobilname; } } class Model extends Mobil{ constructor(merk, mod) { super(merk); this.model = mod; } show() { return this.present() + ', dengan mesin ' + this.model; } } myMobil = new Model("BMW", "Mercedes Benz"); document.getElementsByClassName("output")[0].innerHTML = myMobil.show(); </script> </html> |
Note: dari contoh kode di atas dimana method super() merujuk ke kelas induk. Dengan memanggil method super() dalam method constructor, kami memanggil method constructor induk dan mendapatkan akses ke property dan method induk.
Sampai disini penjelasan kami kursus web design private online mengenai cara menggunakan keyword class extends di javascript, semoga bermanfaat.