Study
JavaScript

OOP Dasar di JavaScript (Class & Object)

Penjelasan

Class adalah blueprint/cetakan untuk membuat object, diperkenalkan di ES6 sebagai sintaks lebih ringkas di atas sistem prototype JavaScript. Class berisi property (lewat constructor) dan method. Object dibuat dari class memakai kata kunci new.

Contoh Konsep

class Mobil {
    constructor(warna) {
        this.warna = warna;
    }

    jalan() {
        return `Mobil ${this.warna} sedang jalan.`;
    }
}

const mobilku = new Mobil("merah");
console.log(mobilku.jalan());
// Output: Mobil merah sedang jalan.

Praktikum

Buat class Buku dengan property judul dan penulis (diisi lewat constructor), serta method info() yang mengembalikan string "{judul} oleh {penulis}". Buat satu object dari class itu dan tampilkan hasil info().

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

Gunakan this. untuk mengakses property/method dari dalam class itu sendiri — ini merujuk ke object yang sedang aktif. Hati-hati: nilai this bisa berubah kalau method dipakai sebagai callback biasa (bukan arrow function).