ما هو نمط Decorator؟

Question

Accepted Answer

يضيف نمط **Decorator** ديناميكياً **السلوك أو المسؤوليات** إلى الكائنات بتغليفها — دون تعديل الفئة الأصلية. يوفر بديلاً مرناً للوراثة لتوسيع الوظائف، مما يتيح لك تكوين السلوكيات.

## ما يفعله نمط 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 مفيد لأنه **نمط هيكلي مفيد** لتوسيع السلوك بشكل مرن، لذا فهو معرفة تصميم ذات صلة عملية.

يضيف نمط Decorator السلوك إلى الكائنات بـ **تغليفها** (الحفاظ على نفس الواجهة، التفويض إلى الأصلي مع إضافة السلوك)، دون تعديل الفئة الأصلية — مما يوفر بديلاً مرناً للوراثة.

فهم ما يفعله (تغليف كائن لإضافة سلوك، مع القدرة على **تكديس الديكوريتورات** لتكوين سلوكيات متعددة) هو المعرفة الأساسية.

فهم **الفوائد** أمر أساسي: إنه يضيف السلوك **دون تعديل الأصل** (يتبع مبدأ open/closed) ويتجنب **انفجار الفئات الفرعية** الذي سينتج عن إنشاء فئات فرعية لكل مزيج من الميزات، كما يسمح لك **بتكوين السلوكيات بمرونة في وقت التشغيل** (تكديس ديكوريتورات مختلفة بمجموعات متنوعة)، ويدعم المسؤولية الواحدة (كل ديكوريتور يضيف شيء واحد).

هذه القابلية للتكوين — بناء السلوك بتكديس ديكوريتورات صغيرة ومركزة — هي القوة الرئيسية للنمط، أكثر مرونة بكثير من الوراثة الصارمة.

فهم **الاستخدامات** — تدفقات I/O (المثال الكلاسيكي لتغليف التدفقات)، البرمجيات الوسيطة (تغليف معالجات الطلبات — شائعة في أطر عمل الويب)، مكونات الواجهة، إضافة ميزات عرضية (تسجيل، تخزين مؤقت، التحقق من الصحة) حول كائن أساسي، و React's higher-order components — يوضح تطبيقها الواسع في العالم الحقيقي.

يظهر نمط Decorator في جميع أنحاء الأطر والمكتبات الحقيقية.

بما أن نمط Decorator هو نمط هيكلي مفيد لتوسيع السلوك بمرونة (التغليف لإضافة السلوك دون تعديل الأصول أو انفجار الفئات الفرعية، تكوين السلوكيات في وقت التشغيل)، وبما أن فهم ما يفعله وفوائده واستخداماته الشائعة (التدفقات، البرمجيات الوسيطة، الميزات) ذو صلة عملية، فإن فهم نمط Decorator معرفة تصميم مفيدة وشائعة التطبيق — نمط مفيد لتوسيع السلوك المرن والقابل للتكوين، يظهر في جميع أطر العمل الحقيقية (التدفقات، البرمجيات الوسيطة، HOCs)، ومعرفة تصميم مهمة لتوسيع الوظائف بنظافة دون تعديل الأصول أو إنشاء تسلسلات وراثية صارمة.