Kaj je Decorator pattern?

Question

Accepted Answer

**Decorator** pattern dinamično dodaja **vedenje ali odgovornosti** objektom z njihovim ovijanjem — brez spreminjanja izvirnega razreda. Ponuja fleksibilno alternativo dedovanju za razširitev funkcionalnosti, kar omogoči sestavo vedenja.

## Kaj Decorator pattern počne

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

## Primer

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

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

## Zakaj je pomembno

Razumevanje Decorator patterna je dragoceno, ker je **uporaben strukturni pattern** za fleksibilno razširitev vedenja, zato je praktično relevantno znanje o oblikovanju.

Decorator pattern dodaja vedenje objektom z **njihovim ovijanjem** (ohranjenem enak vmesnik, delegiranje na izvirni objekt medtem ko dodajamo vedenje), brez spreminjanja izvirnega razreda — kar ponuja fleksibilno alternativo dedovanju.

Razumevanje, kaj počne (ovijanje objekta za dodajanje vedenja, s sposobnostjo **zlaganja dekoratorjev** za sestavo več vedenja), je osnovno znanje.

Razumevanje **prednosti** je ključno: dodaja vedenje **brez spreminjanja izvirnega** (spoštuje principio odprt/zaprt) in se izogne **eksploziji podrazredov**, ki bi nastala pri ustvarjanju podrazredov za vsako kombinacijo lastnosti, omogoči **fleksibilno sestavo vedenja pri izvajanju** (zlaganje različnih dekoratorjev v različnih kombinacijah) in podpira enojno odgovornost (vsak dekorator dodaja eno stvar).

Ta sestavljavost — gradnja vedenja z zlaganjem majhnih, usmerjenih dekoratorjev — je ključna moč patterna, mnogo fleksibilnejša od togega dedovanja.

Razumevanje **uporabe** — I/O tokovi (klasičen primer ovijanja tokov), middleware (ovijanje obdelovalcev zahtev — pogosto v spletnih ogrodjih), komponente uporabniškega vmesnika, dodajanje prečnih funkcij (zapisovanje, cachiranje, validacija) okrog osnovnega objekta in React-ove komponente višjega reda — pojasnjuje njegovo široko aplikativnost v realnem svetu.

Decorator pattern se pojavlja v celotnih realnih ogrodjih in knjižnicah.

Ker je Decorator pattern uporaben strukturni pattern za fleksibilno razširitev vedenja (ovijanje za dodajanje vedenja brez spreminjanja izvirnega ali eksplozije podrazredov, sestava vedenja pri izvajanju), in ker je razumevanje, kaj počne, njegovih prednosti in običajne uporabe (tokovi, middleware, funkcije) praktično relevantno, je razumevanje Decorator patterna dragoceno, pogosto-используемо znanje o oblikovanju — uporaben pattern za fleksibilno, sestavljivo razširitev vedenja, ki se pojavlja v celotnih realnih ogrodjih (tokovi, middleware, HOC-i) in je pomembno znanje za oblikovanje za razširitev funkcionalnosti čisto brez spreminjanja izvirnega ali ustvarjanja togih hierarhij podrazredov.