Cara menggunakan kelas javascript

• oleh Programmer Indonesia
• pada 27 April 2020
• Pelajari Javascript, Internet, Pemrograman

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 .

1. 1. kelas Mobil {

1. 1. konstruktor(manufaktur, warna) {

1. 1. ini. manufaktur = manufaktur;

1. 1. 1. ini. warna = warna;
   1. ini. enginesActive = false;< /a>

1. 1. }

1. 1. }
   2. 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.

1. 1. kelas Mobil {

1. 1. konstruktor(manufaktur, warna) {

1. 1. ini. manufaktur = manufaktur;

1. 1. 1. ini. warna = warna;
   1. ini. enginesActive = false;< /a>

1. 1. }

1. 1. }

1. 1. const johnCar = Mobil(“Honda”, “Merah”);

1. 1. /* kesalahan

1. 1. 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

1. 1. kelas Mobil {

1. 1. konstruktor(manufaktur, warna) {

1. 1. ini. manufaktur = manufaktur;

1. 1. 1. ini. warna = warna;
   1. ini. enginesActive = false;< /a>
   1. }
   1. }
   1. 1. const johnCar = baru Mobil(“Honda”, “Merah”);
   1. const adamCar = baru Mobil(“Tesla”, “Hitam”);
   1. konsol. log(johnCar. manufaktur);

1. 1. konsol. log(adamCar. manufaktur);
   2. /* keluaran

1. 1. Honda

1. 1. 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

eBuku gratis

Berlangganan GRATIS untuk mendapatkan e-book dan informasi teknologi terbaru serta diskon menarik langsung ke email Anda

Apa itu kelas dalam JavaScript?

Bagaimana cara memahami JavaScript?

Apakah JavaScript cocok untuk pemula?

Bagaimana cara membuat fungsi dalam JavaScript?