Decorator पैटर्न क्या है?

Question

Accepted Answer

**Decorator** पैटर्न ऑब्जेक्ट्स को wrap करके गतिशील रूप से **व्यवहार या ज़िम्मेदारियाँ** जोड़ता है — मूल क्लास को संशोधित किए बिना। यह कार्यक्षमता विस्तारित करने के लिए subclassing का एक लचीला विकल्प प्रदान करता है, जिससे आप व्यवहारों को compose कर सकते हैं।

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

## उदाहरण

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

## यह क्यों महत्वपूर्ण है

Decorator पैटर्न को समझना मूल्यवान है क्योंकि यह व्यवहार को लचीले ढंग से विस्तारित करने के लिए एक **उपयोगी structural पैटर्न** है, इसलिए यह व्यावहारिक रूप से प्रासंगिक डिज़ाइन ज्ञान है।

Decorator पैटर्न ऑब्जेक्ट्स को **wrap करके** व्यवहार जोड़ता है (वही interface बनाए रखते हुए, व्यवहार जोड़ते हुए मूल को delegate करते हुए), मूल क्लास को संशोधित किए बिना — subclassing का एक लचीला विकल्प प्रदान करता है।

यह क्या करता है यह समझना (व्यवहार जोड़ने के लिए ऑब्जेक्ट को wrap करना, कई व्यवहारों को compose करने के लिए **decorators को stack** करने की क्षमता के साथ) मूल ज्ञान है।

**लाभों** को समझना महत्वपूर्ण है: यह **मूल को संशोधित किए बिना** व्यवहार जोड़ता है (open/closed सिद्धांत का पालन करते हुए) और उस **subclass विस्फोट** से बचता है जो हर सुविधा संयोजन के लिए subclasses बनाने से होता, यह आपको **रनटाइम पर व्यवहारों को लचीले ढंग से compose** करने देता है (विभिन्न decorators को विभिन्न संयोजनों में stack करना), और यह single responsibility का समर्थन करता है (प्रत्येक decorator एक चीज़ जोड़ता है)।

यह composability — छोटे, केंद्रित decorators को stack करके व्यवहार बनाना — पैटर्न की मुख्य ताकत है, जो कठोर subclassing की तुलना में कहीं अधिक लचीली है।

**उपयोगों** को समझना — I/O streams (streams को wrap करने का क्लासिक उदाहरण), middleware (request handlers को wrap करना — वेब फ्रेमवर्क में सामान्य), UI components, एक मुख्य ऑब्जेक्ट के आसपास cross-cutting सुविधाएँ (logging, caching, validation) जोड़ना, और React के higher-order components — इसकी व्यापक वास्तविक-दुनिया की प्रयोज्यता को स्पष्ट करता है।

Decorator पैटर्न वास्तविक फ्रेमवर्क और लाइब्रेरीज़ में हर जगह दिखता है।

चूँकि Decorator पैटर्न व्यवहार को लचीले ढंग से विस्तारित करने के लिए एक उपयोगी structural पैटर्न है (मूल को संशोधित किए या subclass विस्फोट के बिना व्यवहार जोड़ने के लिए wrap करना, रनटाइम पर व्यवहारों को compose करना), और चूँकि यह समझना कि यह क्या करता है, इसके लाभ, और इसके सामान्य उपयोग (streams, middleware, सुविधाएँ) व्यावहारिक रूप से प्रासंगिक हैं, Decorator पैटर्न को समझना मूल्यवान, सामान्यतः लागू होने वाला डिज़ाइन ज्ञान है — लचीले, composable व्यवहार विस्तार के लिए एक उपयोगी पैटर्न, वास्तविक फ्रेमवर्क (streams, middleware, HOCs) में हर जगह दिखता है, और मूल को संशोधित किए या कठोर subclass पदानुक्रम बनाए बिना कार्यक्षमता को साफ-सुथरे ढंग से विस्तारित करने के लिए महत्वपूर्ण डिज़ाइन ज्ञान है।