Kiwango cha Decorator ni nini?

Question

Accepted Answer

Kiwango cha **Decorator** kinadynamically kuongeza **tabia au majukumu** kwa vitu kwa kuwazunguka — bila kubadilisha darasa asili. Inatoa mbadala yenye kubadilika kwa urithi wa kuweza kupanua kazi, na kunakuwezesha kutengeneza tabia.

## Kiwango cha Decorator kinafanya nini

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

## Mfano

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

## Faida na matumizi

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

## Kwa nini ni muhimu

Kuelewa Kiwango cha Decorator ni muhimu kwa sababu ni **kiwango kinachofaa cha muundo** kwa kuweza kupanua tabia, kwa hivyo ni ujuzi wa muundo unaotumika kwa vitendo.

Kiwango cha Decorator kinaongeza tabia kwa vitu kwa **kuwazunguka** (kuweka kiolesura sawa, kukamatia kwa kile asili wakati wa kuongeza tabia), bila kubadilisha darasa asili — inatoa mbadala yenye kubadilika kwa urithi.

Kuelewa kinachofanya (kuwazunguka kitu kuongeza tabia, na uwezo wa **kujaza wakunganishi** kutengeneza tabia nyingi) ni ujuzi wa msingi.

Kuelewa **faida** ni muhimu: inaongeza tabia **bila kubadilisha asili** (kufuata kanuni ya kufunguka/kufungwa) na huepuki **mlipuko wa darasa** ambalo lingetokea kwa kutengeneza madarasa makazi kwa kila mchanganyiko wa sifa, kunakuwezesha **kutengeneza tabia kwa kubadilika wakati wa uendeshaji** (kujaza wakunganishi tofauti katika mchanganyiko mbalimbali), na inasaidia wajibu mmoja (kila kuwazunguka kuongeza kitu kimoja).

Hii kutengeneza — kujenga tabia kwa kujaza wakunganishi wadogo, wenye lengo — ni kiwango cha nguvu kuu, kubadilika zaidi kuliko kurithi kigumu.

Kuelewa **matumizi** — mtiririko wa E/K (mfano wa kawaida wa kuwazunguka mitiririko), kwa njia ya kati (kuwazunguka wakanuni wa maomboni — kawaida katika miundombinu ya wavuti), vipengele vya UI, kuongeza sifa zinazopita kila sehemu (kuandika kumbukumbu, kuchacha, uthibitisho) karibu na kitu cha msingi, na React's higher-order components — linakuza matumizi ya kweli ya ulimwengu.

Kiwango cha Decorator kinaonekana kote katika miundombinu na maktaba ya kweli.

Kwa sababu Kiwango cha Decorator ni kiwango kinachofaa cha muundo kwa kuweza kupanua tabia (kuwazunguka kuongeza tabia bila kubadilisha asili au mlipuko wa darasa, kutengeneza tabia wakati wa uendeshaji), na kwa sababu kuelewa kinachofanya, faida yake, na matumizi yake ya kawaida (mitiririko, kwa njia ya kati, sifa) ni muhimu kwa vitendo, kuelewa Kiwango cha Decorator ni ujuzi wa muundo unaotumika kwa vitendo — kiwango kinachofaa kwa kupanua tabia kwa kubadilika, kinachonekana kote katika miundombinu ya kweli (mitiririko, kwa njia ya kati, HOCs), na ujuzi muhimu wa muundo kwa kuweza kupanua kazi kwa kulingana bila kubadilisha asili au kujenga miundombinu ya urithi kigumu.