デコレータパターンとは何ですか？

Question

デコレータパターンとは何ですか？

Accepted Answer

**デコレータ**パターンは、オブジェクトをラップすることで動的に**動作または責任**を追加します。元のクラスを変更せずに、サブクラス化の柔軟な代替手段を提供し、動作を合成することができます。

## デコレータパターンが行うこと

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

## 例

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

## 利点と用途

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

## なぜ重要なのか

デコレータパターンの理解は価値があります。なぜなら、それは動作を柔軟に拡張するための**有用な構造パターン**であり、実践的に関連する設計知識だからです。

デコレータパターンは、オブジェクトを**ラップ**することで動作を追加します（同じインターフェースを保ちながら、元のオブジェクトに委譲して動作を追加）。元のクラスを変更せずに、サブクラス化の柔軟な代替手段を提供します。

オブジェクトをラップして動作を追加し、複数の動作を合成するために**デコレータをスタック**できることが、中核となる知識です。

**利点**を理解することが重要です。元の対象を**変更することなく**動作を追加し（開放閉鎖原則に従う）、機能のあらゆる組み合わせに対してサブクラスを作成することで生じる**サブクラスの爆増**を避けることができます。また、異なるデコレータをさまざまな組み合わせでスタックして、**実行時に動作を柔軟に合成**でき、各デコレータが1つの責任を追加することで単一責任を支援します。

この合成可能性——小さく焦点を絞ったデコレータをスタックして動作を組み立てること——がこのパターンの重要な強みであり、固い階層のサブクラス化よりもはるかに柔軟です。

**用途**を理解することは、その広い実世界での適用可能性を明確にします。I/Oストリーム（ストリームをラップする古典的な例）、ミドルウェア（リクエストハンドラをラップする——Webフレームワークで一般的）、UIコンポーネント、コアオブジェクトの周りにクロスカッティングな機能（ロギング、キャッシング、検証）を追加すること、およびReactの高階コンポーネントです。

デコレータパターンは実際のフレームワークとライブラリ全体に出現します。

デコレータパターンは、動作を柔軟に拡張するための有用な構造パターンです（元を変更せずにラップして動作を追加し、サブクラスの爆増を回避し、実行時に動作を合成）。また、それが何を行うのか、その利点、および一般的な用途（ストリーム、ミドルウェア、機能）を理解することは実践的に関連しているため、デコレータパターンを理解することは価値がある、一般的に適用可能な設計知識です——柔軟で合成可能な動作拡張のための有用なパターンであり、実際のフレームワーク（ストリーム、ミドルウェア、HOC）全体に出現し、元を変更したり固いサブクラス階層を作成したりすることなく機能を柔軟に拡張するための重要な設計知識です。