Što je Decorator pattern?

Question

Accepted Answer

**Decorator** pattern dinamički dodaje **ponašanja ili odgovornosti** objektima njihovim umotavanjem — bez izmjene originalne klase. Pruža fleksibilnu alternativu subclassingu za proširenje funkcionalnosti, omogućavajući vam da kombinurate ponašanja.

## Što Decorator pattern radi

```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
```

## Primjer

```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
```

## Prednosti i primjene

```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
```

## Zašto je važno

Razumijevanje Decorator patterna je vrijedno jer je to **koristan strukturni pattern** za fleksibilno proširenje ponašanja, što ga čini praktično relevantnim znanjem iz dizajna.

Decorator pattern dodaje ponašanje objektima **umotavanjem njih** (zadržavajući istu sučelje, delegirajući originalnom dok dodajući ponašanje), bez izmjene originalne klase — pružajući fleksibilnu alternativu subclassingu.

Razumijevanje što radi (umotavanje objekta da se doda ponašanje, s mogućnošću **slaganja decoratora** za kombiniranje više ponašanja) je temeljna znanja.

Razumijevanje **prednosti** je ključno: dodaje ponašanje **bez izmjene originala** (slijedeći open/closed princip) i izbjegava **eksploziju subclassa** koja bi rezultirala kreiranjem subclassa za svaku kombinaciju značajki, omogućava vam da **fleksibilno kombinurate ponašanja u runtime-u** (slaganjem različitih decoratora u raznim kombinacijama), i podržava jedinstvenu odgovornost (svaki decorator dodaje jedno).

Ova kombinabilnost — izgradnja ponašanja slaganjem malih, fokusiranih decoratora — je ključna snaga patterna, daleko fleksibilnija od krutog subclassinga.

Razumijevanje **primjena** — I/O tokove (klasičan primjer umotavanja tokova), middleware (umotavanje rukovaoca zahtjeva — često u web frameworkima), UI komponente, dodavanje cross-cutting značajki (logiranje, keširanje, validacija) oko osnovnog objekta, i React-ove komponente višeg reda — pojašnjava njegovu široku stvarnu primjenjivost.

Decorator pattern se pojavljuje kroz stvarne frameworke i biblioteke.

Jer je Decorator pattern koristan strukturni pattern za fleksibilno proširenje ponašanja (umotavanje za dodavanje ponašanja bez izmjene originala ili eksplozije subclassa, kombiniranje ponašanja u runtime-u), i jer je razumijevanje što radi, njegovih prednosti, i njegovih čestih primjena (tokovi, middleware, značajke) praktično relevantno, razumijevanje Decorator patterna je vrijedno, često primjenjivo znanje iz dizajna — koristan pattern za fleksibilno, kombinabilno proširenje ponašanja, koji se pojavljuje kroz stvarne frameworke (tokovi, middleware, HOC-ovi), i važno znanje o dizajnu za čisto proširenje funkcionalnosti bez izmjene originala ili kreiranja krutih hijerarhija subclassa.