Property Accessor didalam Object Class Javascript

Property Accessor didalam Object Class Javascript
DAFTAR ISI
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)
Baca Juga:  Bekerja dengan Frame

Ebook Gratis!!

Subscribe untuk dapatkan e-book GRATIS dan informasi teknologi terbaru dan diskon menarik langsung di Email-mu

Programmer Indonesia
Programmer Indonesia
Admin yang mengelola konten khusus berita. Kalau ada yang ingin diinfokan langsung chat aja ya :D
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
WhatsApp chat