Cara Membuat Instance di Dalam Class Javascript

Cara Membuat Instance di Dalam Class Javascript
Sesudah kita membuat class pada JavaScript, lalu bagaimana cara membuat instance dari class itu?
Namun sebelumnya, apa itu instance? Instance merupakan objek yang mempunyai properti dan method yang sudah ditentukan oleh blueprint-nya (class), atau ringkasnya ialah objek yang merupakan hasil realisasi dari sebuah blueprint.
Sama seperti constructor function, untuk membuat instance dari class pada ES6 kita pakai keyword new.
    1. class Car {
    1. constructor(manufacture, color) {
    1. this.manufacture = manufacture;
      1. this.color = color;
    1. this.enginesActive = false;
    1. }
    1. }
    2. const johnCar = new Car(“Honda”, “Red”);
Pembuatan class memakai ES6 lebih ketat dibandingkan dengan constructor function, di mana dalam pembuatan instance wajib memakai keyword new. Bila kita tidak menuliskannya, maka akan terjadi error semacam ini:
    1. class Car {
    1. constructor(manufacture, color) {
    1. this.manufacture = manufacture;
      1. this.color = color;
    1. this.enginesActive = false;
    1. }
    1. }
    1. const johnCar = Car(“Honda”, “Red”);
    1. /* error:
    1. TypeError: Class constructor Car cannot be invoked without ‘new’
Kita juga bisa membuat banyak instance dari class yang sama, dan pastinya objek yang kita buat mempunyai karakteristik (properti dan method) yang sama. Meskipun sama, tetapi nilai dari propertinya bersifat unik atau mungkin saja berbeda. Misalnya semacam ini:
    1. class Car {
    1. constructor(manufacture, color) {
    1. this.manufacture = manufacture;
      1. this.color = color;
    1. this.enginesActive = false;
    1. }
    1. }
      1. const johnCar = new Car(“Honda”, “Red”);
    1. const adamCar = new Car(“Tesla”, “Black”);
    1. console.log(johnCar.manufacture);
    1. console.log(adamCar.manufacture);
    2. /* output:
    1. Honda
    1. Tesla*/
Variabel johnCar dan adamCar merupakan suatu objek dari Car. Tentu keduanya akan mempunyai properti manufacturecolor, dan enginesActive. Tetapi pada output kita memandang bahwa nilai dari properti kedua objek itu berbeda, sebab kita bisa memberikan nilai yang berbeda di saat objeknya dibuat.

Butuh jasa pembuatan website di Makassar? kontak kami. Jasa Pembuatan Aplikasi Android, Jasa SEO dan SEM, SMM, Internet Marketing Agency, Social Media Strategist Makassar, Pembuatan Logo, Konten, Video, Maskot dan Instalasi jaringan ataupun mikrotik bisa kami lakukan

Recommended Posts

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

WhatsApp chat