Property Accessor didalam Object Class Javascript

Property Accessor didalam Object Class Javascript
Melalui objek class kita juga bisa merubah nilai properti semacam ini:
    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”);
    1. console.log(`Warna mobil: ${johnCar.color}`);
    2.  // output -> Warna Mobil: Red
    1. johnCar.color = “White”; 
    2. // Merubah nilai properti color jadi white
    3. console.log(`Warna mobil: ${johnCar.color}`);
    4. // output -> Warna Mobil: White

Dengan class kita juga bisa mengimplementasi getter/setter sebuah properti jadi sebuah method semacam ini:
    1. class Car {
    1. constructor(manufacture, color) {
    1. this.manufacture = manufacture;
    1. this._color = color;
    2. this.enginesActive = false;
    3. }    
    1.     get color() {
      1.      return `Warna mobile ${this._color}`;
    1.  }
    1.   set color(value) {
    1.   console.log(`Warna mobil diubah dari ${this._color} jadi ${value}`);
      1.      this._color = value;
    1. }
    1. }
    1. const johnCar = new Car(“Honda”, “Red”);
    2. console.log(johnCar.color); 
    3. // output -> Warna Mobil: Red
    1. johnCar.color = “White”; 
    2. // Merubah nilai properti color jadi white
    3. console.log(johnCar.color);
    4. // output -> Warna Mobil: White

Teliti juga saat kita menerapkan getter/setter pada properti class. Kita harus merubah atau membedakan penamaan properti aslinya dengan property accessor yang kita buat. Berdasarkan code convention yang ada kita harus merubah properti asli class-nya dengan menambahkan underscore di depan nama propertinya (_color). Tanda underscore berguna sebagai tanda bahwa properti _color tidak disarankan diakses secara langsung, tetapi harus melalui property accessor (getter/setter)

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