Mencari Cara Membuat Instance di Kelas Javascript
DAFTAR ISI
Setelah kita membuat kelas di JavaScript, bagaimana kita membuat turunan dari kelas itu?
Tapi pertama-tama, apa itu contoh?
Sama seperti fungsi constructor, untuk membuat instance class di ES6 kita menggunakan kata kunci new .
- kelas Mobil {
- konstruktor(manufaktur, warna) {
- ini. manufaktur = manufaktur;
- ini. warna = warna;
- ini. enginesActive = false;< /a>
- }
- }
- const johnCar = baru Mobil(“Honda”, “Merah”) ;
Pembuatan class menggunakan ES6 lebih ketat dibandingkan dengan fungsi constructor, dimana dalam pembuatan instance wajib menggunakan kata kunci new . Jika kita tidak menuliskannya, maka kesalahan semacam ini akan terjadi.
- kelas Mobil {
- konstruktor(manufaktur, warna) {
- ini. manufaktur = manufaktur;
- ini. warna = warna;
- ini. enginesActive = false;< /a>
- }
- }
- const johnCar = Mobil(“Honda”, “Merah”);
- /* kesalahan
- TypeError. Mobil konstruktor kelas tidak dapat dipanggil tanpa 'baru'
Kita juga bisa membuat banyak instance dari class yang sama, dan tentunya objek yang kita buat memiliki karakteristik (properti dan method) yang sama. Meski sama, namun nilai properti itu unik atau mungkin berbeda. Contohnya seperti ini
- kelas Mobil {
- konstruktor(manufaktur, warna) {
- ini. manufaktur = manufaktur;
- ini. warna = warna;
- ini. enginesActive = false;< /a>
- }
- }
- const johnCar = baru Mobil(“Honda”, “Merah”);
- const adamCar = baru Mobil(“Tesla”, “Hitam”);
- konsol. log(johnCar. manufaktur);
- konsol. log(adamCar. manufaktur);
- /* keluaran
- Honda
- Tesla*/
Variabel johnCar dan adamCar adalah objek dari < /a> Mobil . Tentu saja keduanya akan memiliki properti manufaktur , warna , dan enginesActive . Namun pada output kita melihat bahwa nilai property dari kedua objek berbeda, karena kita dapat memberikan nilai yang berbeda pada saat objek dibuat.
Baca Juga. Cara Menampilkan Hasil Formulir HTML dengan JavaScript
- kelas, contoh, javascript
SebelumnyaSebelumKonstruktor dalam Javascript
BerikutnyaPengakses Properti di Javascript Kelas ObjekBerikutnya
eBuku gratis
Berlangganan GRATIS untuk mendapatkan e-book dan informasi teknologi terbaru serta diskon menarik langsung ke email Anda