JavaScript ES6 Classes

JavaScript ES6+ (ECMAScript 2015+) memperkenalkan konsep "Classes" yang lebih modern untuk menggantikan pendekatan konstruksi objek yang lama. Classes adalah cara yang lebih terstruktur dan mudah dibaca untuk membuat objek dan berinteraksi dengan mereka.

Membuat Class

Untuk membuat class di JavaScript, kita menggunakan kata kunci class, diikuti dengan nama class yang diinginkan. Contohnya:

class Animal {
  constructor(name) {
    this.name = name;
  }

  makeSound() {
    console.log("Animal sound");
  }
}

Membuat Objek dari Class

Untuk membuat objek dari class, kita menggunakan kata kunci new. Contohnya:

const cat = new Animal("Kitty");

Constructor

Constructor adalah metode khusus yang dieksekusi saat objek dibuat. Dalam class, constructor didefinisikan seperti ini:

constructor(name) {
  this.name = name;
}

Metode

Metode adalah fungsi yang terkait dengan class. Mereka didefinisikan di dalam class dan dapat dipanggil pada objek yang dibuat dari class tersebut. Contohnya:

makeSound() {
  console.log("Animal sound");
}

Pewarisan (Inheritance)

JavaScript memungkinkan pewarisan antar class. Class turunan dapat mengambil sifat dan metode dari class yang lebih umum. Contohnya:

class Dog extends Animal {
  constructor(name, breed) {
    super(name); // Memanggil constructor dari class induk
    this.breed = breed;
  }

  makeSound() {
    console.log("Woof!");
  }
}

Sekarang Anda memiliki dasar untuk bekerja dengan JavaScript ES6+ Classes! Anda dapat membuat objek, menggantikan metode, dan menggunakan pewarisan untuk membangun struktur yang lebih kompleks dalam kode JavaScript Anda.

Semoga tutorial ini bermanfaat!

PREVIOUS
NEXT