Co je to vzor Decorator?

Question

Accepted Answer

Vzor **Decorator** dynamicky přidává **chování nebo odpovědnosti** objektům jejich obalením — bez úpravy původní třídy. Poskytuje flexibilní alternativu k dědičnosti pro rozšíření funkčnosti, což vám umožňuje skládat chování.

## Co vzor Decorator dělá

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

## Příklad

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

## Výhody a použití

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

## Proč je to důležité

Rozvíjení znalostí vzoru Decorator je cenné, protože se jedná o **užitečný strukturální vzor** pro flexibilní rozšíření chování, což je prakticky relevantní znalost designu.

Vzor Decorator přidává chování objektům jejich **obalením** (zachováním stejného rozhraní, delegováním na originál při přidávání chování), bez úpravy původní třídy — poskytuje flexibilní alternativu k dědičnosti.

Rozvíjení pochopení toho, co dělá (obalení objektu pro přidání chování, s možností **skládání dekorátorů** pro skládání více chování), je základní znalostí.

Rozvíjení pochopení **výhod** je klíčové: přidává chování **bez úpravy originálu** (v souladu s principem otevřeno/zavřeno) a vyhýbá se **explozi subclassů**, která by vznikla vytvářením subclassů pro každou kombinaci funkcí, umožňuje vám **flexibilně skládat chování při běhu** (skládáním různých dekorátorů v různých kombinacích) a podporuje jedinou odpovědnost (každý dekorátor přidává jednu věc).

Tato složitelnost — vytváření chování skládáním malých, zaměřených dekorátorů — je klíčová síla vzoru, mnohem flexibilnější než rigidní dědičnost.

Rozvíjení pochopení **použití** — I/O proudy (klasický příklad obalování proudů), middleware (obalování obslužných programů požadavků — běžné ve webových frameworkech), komponenty uživatelského rozhraní, přidávání cross-cutting funkcí (logging, cachování, validace) kolem základního objektu a React vyšší-řádové komponenty — objasňuje jeho широké praktické aplikovatelnosti.

Vzor Decorator se objevuje v celých reálných frameworcích a knihovnách.

Protože vzor Decorator je užitečný strukturální vzor pro flexibilní rozšíření chování (obalování pro přidání chování bez úpravy originálů nebo exploze subclassů, skládání chování při běhu), a protože pochopení toho, co dělá, jeho výhody a jeho běžné použití (proudy, middleware, funkce) je prakticky relevantní, je pochopení vzoru Decorator cenné, běžně použitelné znalostí designu — užitečný vzor pro flexibilní, složitelné rozšíření chování, objevující se v reálných frameworcích (proudy, middleware, HOC), a důležitá znalost designu pro čisté rozšíření funkčnosti bez úpravy originálů nebo vytváření rigidních hierarchií subclassů.