Blog

Full Stack Web Development

OOP JavaScript: Konsep, Kelebihan, dan Contohnya

Irhan Hisyam Dwi Nugroho

•

05 Mei 2026

•

Pernah merasa kode JavaScript semakin panjang dan sulit dikelola? OOP JavaScript bisa menjadi solusi untuk membuat struktur kode lebih rapi dan mudah dipahami.

Konsep OOP memungkinkan data dan fungsi dikelompokkan ke dalam object atau class. Cara ini sering digunakan dalam pengembangan aplikasi modern agar kode lebih terorganisir.

Dalam proses belajar coding, warga bimbingan juga akan sering menemukan penggunaan OOP pada framework maupun project JavaScript. Karena itu, memahami konsep ini menjadi langkah penting bagi pemula.

Yuk, simak pembahasan tentang konsep, prinsip, dan contoh OOP JavaScript secara sederhana pada artikel ini. Penjelasannya dibuat ringan agar lebih mudah dipelajari.

Apa Itu OOP JavaScript?

OOP JavaScript adalah pendekatan pemrograman yang mengatur kode berdasarkan object agar lebih rapi, terstruktur, dan mudah dikelola.

Dalam OOP, data biasanya disimpan sebagai property, sedangkan tindakan atau fungsi disimpan sebagai method.

JavaScript mendukung OOP melalui object, prototype, dan class yang memudahkan developer membuat pola kode yang bisa digunakan kembali.

Dengan memahami OOP JavaScript, warga bimbingan bisa membangun aplikasi yang lebih terorganisir, terutama saat project mulai besar dan kompleks.

Konsep Dasar OOP JavaScript

Sumber: Canva

Dalam OOP JavaScript, ada beberapa konsep dasar yang perlu dipahami karena menjadi pondasi utama dalam membuat kode berbasis objek. Konsep ini membantu warga bimbingan menulis kode yang lebih rapi, mudah digunakan kembali, dan lebih mudah dikembangkan.

1. Class dan Object

Class adalah blueprint atau cetak biru yang digunakan untuk membuat object. Di dalam class, kamu bisa menentukan data berupa property dan fungsi berupa method yang akan dimiliki object.

Object adalah hasil nyata atau instance yang dibuat dari sebuah class. Jadi, jika class adalah cetakannya, maka object adalah hasil jadi yang bisa digunakan dalam program.

2. Enkapsulasi

Enkapsulasi adalah konsep untuk menyembunyikan data internal agar tidak bisa diakses atau diubah sembarangan dari luar object. Data tersebut biasanya hanya bisa diakses melalui method tertentu seperti getter dan setter.

Dalam JavaScript modern, enkapsulasi bisa dibuat menggunakan tanda # sebelum nama property. Dengan cara ini, property menjadi private dan lebih aman dari perubahan langsung di luar class.

3. Pewarisan

Pewarisan atau inheritance adalah konsep ketika sebuah class anak mewarisi property dan method dari class induk. Konsep ini berguna agar kode tidak perlu ditulis berulang-ulang.

Di JavaScript, pewarisan dapat dibuat menggunakan kata kunci extends. Selain itu, super() digunakan untuk memanggil constructor dari class induk.

4. Polimorfisme

Polimorfisme berarti satu method yang sama bisa memiliki bentuk atau perilaku berbeda pada object yang berbeda. Biasanya, konsep ini dilakukan dengan overriding atau menimpa method dari class induk.

Dengan polimorfisme, class anak bisa menyesuaikan cara kerja method sesuai kebutuhannya. Hal ini membuat kode lebih fleksibel dan mudah dikembangkan.

Kelebihan OOP JavaScript

OOP JavaScript memiliki beberapa kelebihan yang membantu developer menulis kode dengan lebih rapi, terstruktur, dan mudah dikembangkan, terutama saat membuat aplikasi dengan fitur yang semakin kompleks.

Berikut 5 kelebihan OOP JavaScript yang perlu dipahami.

1. Kode Lebih Terstruktur

OOP membantu mengelompokkan data dan fungsi ke dalam object atau class, sehingga setiap bagian kode memiliki tempat dan tanggung jawab yang lebih jelas.

Struktur ini membuat kode lebih tertata dan mudah dibaca. Dengan kode yang rapi, proses pengembangan aplikasi menjadi lebih nyaman.

2. Mudah Digunakan Kembali

Kode yang dibuat dengan konsep OOP bisa digunakan kembali di bagian lain program tanpa harus menulis ulang dari awal.

Class dapat menjadi template untuk membuat banyak object dengan struktur yang sama. Hal ini membuat proses coding lebih efisien.

3. Lebih Mudah Dikembangkan

OOP memudahkan developer menambahkan fitur baru ke dalam aplikasi tanpa mengubah seluruh struktur kode yang sudah ada.

Setiap class atau object bisa dikembangkan sesuai kebutuhan. Dengan begitu, perubahan kode bisa dilakukan lebih terarah.

4. Mengurangi Kode Berulang

OOP membantu mengurangi penulisan kode yang sama secara berulang dengan memanfaatkan konsep seperti inheritance atau pewarisan.

Melalui inheritance, class bisa mewarisi property dan method dari class lain. Hasilnya, kode menjadi lebih singkat dan mudah dikelola.

5. Cocok untuk Project Besar

OOP cocok digunakan pada project JavaScript yang memiliki banyak fitur, banyak data, dan struktur kode yang terus berkembang.

Setiap bagian kode dapat dibuat dengan tanggung jawab yang jelas. Cara ini membuat project besar lebih mudah diatur dan dikembangkan.

Contoh OOP JavaScript

Sumber: Canva

Setelah memahami konsep dan kelebihannya, sekarang saatnya melihat bagaimana OOP JavaScript diterapkan dalam kode.

Contoh berikut akan membantu warga bimbingan memahami penggunaan object, class, method, dan inheritance dalam JavaScript.

1. Membuat Object Sederhana

Contoh ini menunjukkan penggunaan object untuk menyimpan data dan fungsi dalam satu tempat.

Di dalam object terdapat property berupa data dan method berupa fungsi. Konsep ini termasuk OOP karena data dan perilaku digabungkan dalam satu object.

const mobil = {

nama: "Toyota",

warna: "Hitam",

jalan() {

console.log("Mobil sedang berjalan");

}

};

mobil.jalan();

2. Menggunakan Class

Pada contoh ini, class digunakan sebagai blueprint untuk membuat object baru. Setiap object yang dibuat dari class akan memiliki property dan method yang sama. Ini termasuk konsep OOP karena menggunakan class dan object untuk mengatur struktur kode.

class Orang {

constructor(nama) {

this.nama = nama;

}

sapa() {

console.log(`Halo, saya ${this.nama}`);

}

const user1 = new Orang("Andi");

user1.sapa();

3. Menggunakan Inheritance

Contoh berikut menggunakan inheritance atau pewarisan antar class. Class anak dapat mewarisi property dan method dari class induk menggunakan extends.

Konsep ini termasuk OOP karena memanfaatkan pewarisan untuk mengurangi penulisan kode berulang.

class Hewan {

suara() {

console.log("Hewan bersuara");

}

class Kucing extends Hewan {}

const kitty = new Kucing();

kitty.suara();

4. Menggunakan Method dalam Object

Pada contoh ini, method digunakan untuk menjalankan aksi berdasarkan data dalam object. Method dapat mengakses property milik object menggunakan this.

Konsep ini termasuk OOP karena object memiliki data dan fungsi yang saling terhubung.

class Produk {

constructor(nama, harga) {

this.nama = nama;

this.harga = harga;

}

detail() {

console.log(`${this.nama} - Rp${this.harga}`);

}

const barang = new Produk("Laptop", 7000000);

barang.detail();

Ingin Jadi Full Stack Web Developer?

Setelah memahami OOP JavaScript: konsep, prinsip, dan contohnya, kini saatnya mengembangkan skill coding kamu ke level berikutnya!

Yuk, ikuti Bootcamp Full Stack Web Developer di dibimbing! Di sini, kamu akan belajar JavaScript, frontend, backend, database, API, hingga deployment secara praktis.

Belajar langsung dari mentor berpengalaman dengan kurikulum aplikatif yang sesuai kebutuhan industri. Dengan dukungan 1.100+ hiring partner dan tingkat keberhasilan alumni 96%, peluang kariermu di dunia teknologi semakin terbuka lebar.

Jadi, tunggu apa lagi? Daftar sekarang di dibimbing dan mulai perjalananmu menjadi Full Stack Web Developer profesional. #BimbingSampeJadi!

FAQ

1. Apa itu OOP JavaScript?

OOP JavaScript adalah konsep pemrograman berbasis object yang digunakan untuk membuat kode lebih terstruktur dan mudah dikelola. Dalam OOP, data dan fungsi biasanya dikelompokkan ke dalam object atau class.

2. Apa saja konsep dasar OOP JavaScript?

Konsep dasar OOP JavaScript meliputi class, object, encapsulation, inheritance, dan polymorphism. Konsep ini membantu developer membuat kode yang lebih rapi dan reusable.

3. Apa kelebihan menggunakan OOP JavaScript?

OOP JavaScript membuat kode lebih mudah dibaca, dikembangkan, dan digunakan kembali. Konsep ini juga membantu mengurangi penulisan kode yang berulang.

4. Apakah OOP JavaScript cocok untuk pemula?

Ya, OOP JavaScript cocok dipelajari oleh pemula yang ingin memahami struktur pemrograman modern. Dengan memahami OOP, proses membuat aplikasi JavaScript menjadi lebih mudah dipahami.