Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini

X
Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CLASS

Artikel ini menjelaskan tentang Class dalam JavaScript; konsepnya, cara penggunaannya dan contoh-contoh kode praktis yang bisa kamu gunakan.

Pengenalan Class dalam JavaScript

Class dalam JavaScript adalah ‘blueprint’ atau rancangan dasar yang digunakan untuk menciptakan objek. Ini merupakan konsep dasar dalam pemrograman berorientasi objek di mana satu ‘class’ dapat memiliki banyak ‘instances’ atau tiruan objek dengan properti dan method yang sama.

Cara Membuat Class

Untuk membuat class dalam JavaScript, kita menggunakan keyword class, diikuti oleh nama class yang kita inginkan. Lihat contoh berikut:

class MyClass {
  // properti dan metode
}

Konstruktor

Setiap class biasanya memiliki method yang disebut sebagai konstruktor. Konstruktor ini digunakan untuk membuat dan menginisialisasi objek yang diciptakan dari class. Jika kita tidak mendefinisikan konstruktor dalam class, JavaScript akan menambahkan konstruktor kosong atau kosa, constructor() {}.

class MyClass {
  constructor() {
    // kode untuk menginisialisasi objek
  }
}

Properti dan Method

Properti dan method didefinisikan dalam blok kode class. Properti adalah variabel yang terkait dengan class, sedangkan method adalah fungsi yang terkait dengan class.

class MyClass {
  constructor(name) {
    this.name = name; // properti
  }
  
  greet() {  // method
    console.log(`Hello, my name is ${this.name}`);
  }
}

Membuat Objek dari Class

Setelah sukses mendefinisikan class, kita bisa membuat objek dari class tersebut dengan menggunakan keyword new.

let obj1 = new MyClass('JavaScript');
obj1.greet(); // Output: Hello, my name is JavaScript

Semoga artikel ini membantu kamu untuk memahami konsep dan penerapan class dalam JavaScript dan memperluas wawasan kamu dalam dunia pemrograman. Tetaplah belajar dan eksplorasi, karena pemrograman adalah tentang terus belajar dan berkembang!

👈🏼 Object Map
Function apply 👉🏼