JavaScript Static Properties
JavaScript memiliki beberapa fitur baru yang diperkenalkan dalam ES6, salah satunya adalah Static Properties. Static Properties memungkinkan developer untuk menambahkan properti ke class JavaScript yang dapat diakses tanpa harus membuat instance dari class tersebut.
Dalam artikel ini, kita akan membahas tentang JavaScript Static Properties dan cara penggunaannya.
Pengenalan
Sebelum kita membahas tentang Static Properties, kita perlu memahami konsep class di JavaScript. Class di JavaScript adalah sebuah template untuk membuat object. Class dapat memiliki properti dan method yang dapat digunakan untuk membuat object.
Class juga dapat digunakan untuk membuat instance object dengan menggunakan operator "new". Instance object memiliki properti dan method yang didefinisikan dalam class.
Contoh sederhana class JavaScript:
class Mobil {
constructor(merek, tipe) {
this.merek = merek;
this.tipe = tipe;
}
get info() {
return `Mobil ${this.merek} tipe ${this.tipe}`;
}
}
const mobilBaru = new Mobil("Toyota", "Avanza");
console.log(mobilBaru.info); // output: Mobil Toyota tipe Avanza
Dalam contoh di atas, kita membuat class Mobil yang memiliki dua properti yaitu merek dan tipe, serta method info yang mengembalikan informasi mengenai mobil.
Static Properties
Static Properties adalah properti yang dapat diakses langsung melalui class tanpa harus membuat instance dari class tersebut. Properti ini didefinisikan menggunakan keyword static.
Contoh penggunaan Static Properties:
class Mobil {
static jumlahMobil = 0;
constructor(merek, tipe) {
this.merek = merek;
this.tipe = tipe;
Mobil.jumlahMobil++;
}
get info() {
return `Mobil ${this.merek} tipe ${this.tipe}`;
}
static infoJumlahMobil() {
return `Jumlah mobil: ${Mobil.jumlahMobil}`;
}
}
const mobilPertama = new Mobil("Toyota", "Avanza");
const mobilKedua = new Mobil("Honda", "Civic");
console.log(mobilPertama.info); // output: Mobil Toyota tipe Avanza
console.log(Mobil.infoJumlahMobil()); // output: Jumlah mobil: 2
Dalam contoh di atas, kita menambahkan Static Property jumlahMobil pada class Mobil. Properti ini akan bertambah setiap kali sebuah instance object dari class Mobil dibuat.
Kita juga menambahkan method infoJumlahMobil() yang mengembalikan informasi mengenai jumlah mobil yang telah dibuat.
Kita dapat mengakses Static Property dan method melalui class Mobil tanpa harus membuat instance object seperti pada contoh di atas.
Kesimpulan
JavaScript Static Properties memungkinkan developer untuk menambahkan properti ke class JavaScript yang dapat diakses tanpa harus membuat instance dari class tersebut. Properti ini didefinisikan menggunakan keyword static. Static Properties sangat berguna untuk menyimpan data yang berkaitan dengan class dan dapat diakses secara global.