Pengertian Javascript OOP

Object-Oriented Programming (OOP) atau Pemrograman Berorientasi Objek adalah paradigma pemrograman yang menggunakan "objek" sebagai konsep utama untuk mengorganisasi dan menyusun kode.

OOP memungkinkan pengembang untuk membuat aplikasi yang lebih modular, mudah dipelihara, dan dapat digunakan kembali. Dalam JavaScript, OOP tidak seketat bahasa seperti Java atau C++, tetapi konsep dasarnya tetap sama.

JavaScript adalah bahasa yang berbasis prototipe (prototype-based), yang berarti bahwa objek dapat mewarisi sifat dan metode dari objek lain tanpa perlu mendefinisikan kelas secara eksplisit.

Namun, dengan diperkenalkannya sintaks class di ES6 (ECMAScript 2015), JavaScript menjadi lebih dekat dengan gaya OOP yang lebih tradisional.

Konsep Dasar OOP dalam JavaScript

1. Objek (Object)

Objek adalah entitas yang memiliki properti (atribut) dan metode (fungsi). Dalam JavaScript, objek dapat dibuat menggunakan literal objek, konstruktor, atau kelas.

Javascript

const mobil = {
    merek: 'Toyota',
    model: 'Avanza',
    tahun: 2020,
    start: function() {
        console.log(`${this.merek} 
            ${thimodel} dinyalakan.`);
    }
};
        
mobil.start(); // Output: Toyota Avanza dinyalakan.

2. Kelas (Class)

Kelas adalah blueprint atau cetakan untuk membuat objek. Dalam JavaScript, kelas diperkenalkan di ES6 dan menyediakan cara yang lebih mudah untuk membuat objek dan mengelola pewarisan.

Javascript

class Mobil {
  constructor(merek, model, tahun) {
      this.merek = merek;
      this.model = model;
      this.tahun = tahun;
  }
    
  start() {
      console.log(`${this.merek} ${this.model} 
                  dinyalakan.`);
  }}
const mobilSaya = new Mobil('Toyota', 'Avanza', 
                  2020);
mobilSaya.start(); // Output: Toyota Avanza 
                   dinyalakan.

3. Enkapsulasi (Encapsulation)

Enkapsulasi adalah konsep menyembunyikan detail internal objek dan hanya mengekspos apa yang diperlukan.

Dalam JavaScript, ini dapat dicapai dengan menggunakan closure atau dengan menandai properti sebagai private (dengan menggunakan # di ES2022).

Javascript

class Mobil {
    #kecepatan = 0;
    
    constructor(merek, model) {
        this.merek = merek;
        this.model = model;
    }
    
    gas() {
        this.#kecepatan += 10;
        console.log(`Kecepatan sekarang: ${this.#kecepatan} km/jam`);
    }
}
    
const mobilSaya = new Mobil('Toyota', 'Avanza');
mobilSaya.gas(); // Output: Kecepatan sekarang: 10 km/jam
mobilSaya.#kecepatan; // Error: Private field tidak dapat diakses di luar kelas

4. Pewarisan (Inheritance)

Pewarisan memungkinkan satu kelas untuk mewarisi properti dan metode dari kelas lain. Dalam JavaScript, ini dilakukan dengan kata kunci extends.

Javascript

class Kendaraan {
    constructor(merek, model) {
        this.merek = merek;
        this.model = model;
    }
    
    start() {
        console.log(`${this.merek} ${this.model} 
                    dinyalakan.`);
    }
}
    
class Mobil extends Kendaraan {
    constructor(merek, model, tahun) {
        super(merek, model); // Memanggil 
            constructor kelas parent
        this.tahun = tahun;
    }
    
    drive() {
        console.log(`${this.merek} ${this.model} 
                    sedang dikemudikan.`);
    }
}
    
const mobilSaya = new Mobil('Toyota', 'Avanza', 
                  2020);
mobilSaya.start(); // Output: Toyota Avanza 
                  dinyalakan.
mobilSaya.drive(); // Output: Toyota Avanza
                   sedang dikemudikan.

5. Polimorfisme (Polymorphism)

Polimorfisme memungkinkan objek untuk merespons metode yang sama dengan cara yang berbeda. Ini sering dicapai dengan mengoverride metode dari kelas parent.

Javascript

class Kendaraan {
    start() {
        console.log('Kendaraan dinyalakan.');
    }
}
    
class Mobil extends Kendaraan {
    start() {
        console.log('Mobil dinyalakan.');
    }
}
    
class Motor extends Kendaraan {
    start() {
        console.log('Motor dinyalakan.');
    }
}
    
const kendaraanSaya = new Kendaraan();
const mobilSaya = new Mobil();
const motorSaya = new Motor();
    
kendaraanSaya.start(); // Output: Kendaraan
                       dinyalakan.
mobilSaya.start(); // Output: Mobil dinyalakan.
motorSaya.start(); // Output: Motor dinyalakan.

Keuntungan OOP dalam JavaScript

1. Modularitas

Kode dapat dipecah menjadi objek-objek kecil yang lebih mudah dikelola.

2. Reusability

Objek dan kelas dapat digunakan kembali di berbagai bagian aplikasi.

3. Maintainability

Kode yang terstruktur dengan baik lebih mudah dipelihara dan diperbarui.

4. Scalability

OOP memudahkan pengembangan aplikasi yang kompleks dan besar.

Jawablah Kuis Ini!

1. Apa yang dimaksud dengan OOP dalam JavaScript?

Donasinya kaka logo-saweria