Apa itu pola Decorator?

Question

Accepted Answer

Pola **Decorator** secara dinamis menambahkan **perilaku atau tanggung jawab** ke objek dengan membungkusnya — tanpa memodifikasi kelas asli. Ini menyediakan alternatif yang fleksibel untuk subclassing dalam memperluas fungsionalitas, memungkinkan Anda untuk menyusun perilaku.

## Apa yang dilakukan pola Decorator

```text
DECORATOR → WRAP an object to add behavior, keeping the same interface:
  → the decorator wraps the original, adds its behavior, and delegates to the original
  → you can STACK decorators (wrap a wrapped object) → compose multiple behaviors
  → adds functionality WITHOUT modifying the original class or using subclassing
→ "wrap to extend" — flexible, composable behavior addition
```

## Contoh

```js
// base object
let coffee = { cost: () => 5, description: () => 'coffee' };
// decorators wrap and add behavior
function withMilk(c) {
  return { cost: () => c.cost() + 1, description: () => c.description() + ' + milk' };
}
function withSugar(c) {
  return { cost: () => c.cost() + 0.5, description: () => c.description() + ' + sugar' };
}
coffee = withSugar(withMilk(coffee));   // stack decorators
coffee.cost();          // 6.5 — composed behavior
```

## Manfaat dan penggunaan

```text
BENEFITS:
  ✓ Add behavior WITHOUT modifying the original (open/closed) or subclass explosion
  ✓ COMPOSE behaviors flexibly at runtime (stack different decorators in combinations)
  ✓ Single responsibility → each decorator adds one thing
USES → I/O streams (wrapping streams), middleware (wrap request handlers), UI components,
  adding features (logging, caching, validation) around a core object; HOC in React
```

## Mengapa ini penting

Memahami pola Decorator berharga karena ini adalah **pola struktural yang berguna** untuk memperluas perilaku secara fleksibel, sehingga ini adalah pengetahuan desain yang relevan secara praktis.

Pola Decorator menambahkan perilaku ke objek dengan **membungkusnya** (menjaga antarmuka yang sama, mendelegasikan ke asli sambil menambahkan perilaku), tanpa memodifikasi kelas asli — menyediakan alternatif fleksibel untuk subclassing.

Memahami apa yang dilakukannya (membungkus objek untuk menambahkan perilaku, dengan kemampuan untuk **menumpuk dekorator** untuk menyusun beberapa perilaku) adalah pengetahuan inti.

Memahami **manfaatnya** adalah kunci: menambahkan perilaku **tanpa memodifikasi asli** (mengikuti prinsip open/closed) dan menghindari **ledakan subclass** yang akan terjadi dari membuat subclass untuk setiap kombinasi fitur, memungkinkan Anda untuk **menyusun perilaku secara fleksibel saat runtime** (menumpuk dekorator yang berbeda dalam berbagai kombinasi), dan mendukung tanggung jawab tunggal (setiap dekorator menambahkan satu hal).

Komposabilitas ini — membangun perilaku dengan menumpuk dekorator kecil dan terfokus — adalah kekuatan utama pola, jauh lebih fleksibel daripada subclassing yang kaku.

Memahami **penggunaannya** — aliran I/O (contoh klasik membungkus aliran), middleware (membungkus penanganan permintaan — umum dalam framework web), komponen UI, menambahkan fitur lintas potongan (logging, caching, validasi) di sekitar objek inti, dan komponen tingkat tinggi React — memperjelas penerapannya yang luas di dunia nyata.

Pola Decorator muncul di seluruh framework dan library nyata.

Karena pola Decorator adalah pola struktural yang berguna untuk memperluas perilaku secara fleksibel (membungkus untuk menambahkan perilaku tanpa memodifikasi asli atau ledakan subclass, menyusun perilaku saat runtime), dan karena memahami apa yang dilakukannya, manfaatnya, dan penggunaan umumnya (aliran, middleware, fitur) relevan secara praktis, memahami pola Decorator adalah pengetahuan desain yang berharga dan umum diterapkan — pola yang berguna untuk perluasan perilaku yang fleksibel dan dapat disusun, muncul di seluruh framework nyata (aliran, middleware, HOCs), dan pengetahuan desain penting untuk memperluas fungsionalitas dengan bersih tanpa memodifikasi asli atau membuat hierarki subclass yang kaku.