Property Accessor & Method
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
// Melalui objek class kita juga dapat mengubah nilai properti seperti ini:
class Bicycle {
// membuat properti
constructor(manufacture, type, color, price) {
this.manufacture = manufacture;
this.type = type;
this._color = color;
this.price = price;
}
//menambahkan method info()
info(){
console.log(`Manufacture: ${this.manufacture}`);
console.log(`Type: ${this.type}`);
console.log(`Color: ${this.color}`);
console.log(`Price: ${this.price}`);
}
get color(){
return `Warna sepeda: ${this._color}`;
}
set color(value) {
console.log(`Warna sepeda diubah dari ${this._color} menjadi ${value}`)
this._color = value;
}
}
const hifniBicycle = new Bicycle("Polygon", "MTB", "Black", "Rp4.2999.999");
hifniBicycle.info();
//mengubah nilai properti manufacture menjadi wimcycle dan menubah price nya'
hifniBicycle.manufacture = "Wimcycle";
hifniBicycle.price = "Rp2.150.000";
console.log(""); //fungsinya seperti tag <br> pada html
hifniBicycle.info();
// Dengan class kita juga dapat mengimplementasi getter/setter sebuah properti
// menjadi sebuah method seperti ini:
console.log(""); //fungsinya seperti tag <br> pada html
console.log(hifniBicycle.color);
hifniBicycle.color = "Red"; // Mengubah nilai properti color menjadi red
hifniBicycle.info();
/* Perhatikan juga ketika kita menerapkan getter/setter pada properti class.
Kita perlu mengubah atau membedakan penamaan properti aslinya
dengan property accessor yang kita buat. Berdasarkan code convention
yang ada kita perlu mengubah properti asli class-nya dengan menambahkan
underscore di depan nama propertinya (_color). Tanda underscore berfungsi
sebagai tanda bahwa properti _color tidak sebaiknya diakses langsung,
namun harus melalui property accessor (getter/setter). */
// =======================================================================
/* METHOD
Untuk menambahkan method pada class, kita juga cukup menuliskannya
pada body class, tidak perlu melalui prototype seperti menggunakan
constructor function. Sperti contoh diatas, kita meambahkan method info()
pada body class
Dengan menggunakan class, walaupun kita menuliskan method pada body class,
namun method tersebut tetap berada pada prototype chain miliki instance yang
terbuat. Kita bisa melihat bagaimana objek yang dibuat
menggunakan class pada console browser.*/
JavaScript
INFO