Observer pattern என்றால் என்ன?

Question

Accepted Answer

**Observer** pattern என்பது **ஒன்று-பல புறத்தെ சார்பு** (one-to-many dependency) வரையறுக்கிறது, இதில் பல objects (observers) மற்றொரு object (subject) நிலை மாறும்போது தானாகவே அறிவிக்கப்படுகின்றன. இது விழிப்பற்ற, நிகழ்வு-চালিত தகவல் தொடர்பை செயல்படுத்துகிறது — UI-களில், நிகழ்வு அமைப்புகளில், மற்றும் reactive programming-ல் பரவலாக பயன்படுத்தப்படுகிறது.

## Observer pattern என்ன செய்கிறது

```text
OBSERVER → a SUBJECT maintains a list of OBSERVERS and NOTIFIES them on state changes:
  → observers SUBSCRIBE to the subject
  → when the subject changes → it notifies ALL subscribed observers automatically
  → observers react to the notification (update themselves)
→ one-to-many: one subject, many observers; DECOUPLED (subject doesn't know observer details)
```

## உதாரணம்

```js
class Subject {
  observers = [];
  subscribe(obs) { this.observers.push(obs); }
  notify(data) { this.observers.forEach(obs => obs.update(data)); }  // notify all
}
// observers implement update(); they subscribe and get notified on changes
subject.subscribe({ update: (data) => console.log('notified:', data) });
subject.notify('state changed');   // all observers are called
```

## இது எங்கே பயன்படுத்தப்படுகிறது (மிகவும் பொதுவானது)

```text
✓ UI EVENTS → event listeners (click handlers) are observers of UI events
✓ REACTIVE programming / state management → components observe state changes (re-render)
✓ PUB/SUB and event systems → subscribers react to published events
✓ MVC → views observe the model; notifications (e.g. RxJS, signals, event emitters)
→ one of the most widely-used patterns (event-driven systems everywhere)
```

## இது ஏன் முக்கியமானது

Observer pattern ஐ புரிந்துகொள்வது மதிப்புவாய்ந்தது, ஏனெனில் இது **மிக பரவலாக பயன்படுத்தப்படும் patterns-ல் ஒன்று**, நிகழ்வு-சார்ந்த மற்றும் reactive அமைப்புகளை அடிப்படையாக்கி, எனவே இது முக்கியமாகவும் பரவலாகப் பொருந்தக்கூடிய design knowledge-ம் ஆகும்.

Observer pattern — ஒன்று-பல புறத்தெ சார்பு, இதில் subject அதன் நிலை மாறும்போது அதன் observers-ஐ தானாகவே அறிவிக்கிறது — **விழிப்பற்ற, நிகழ்வு-சார்ந்த தகவல் தொடர்பு** செயல்படுத்துகிறது, இது நவீன மென்பொருளின் பெரும்பாலான விதத்தில் செயல்படுவதற்கு அடிப்படையாகும்.

படிமுறையை புரிந்துகொள்வது (observers ஒரு subject-ஐ subscribe செய்தல், subject அவர்கள் அனைவருக்கும் மாற்றங்களை அறிவித்தல், observers எதிர்வினை காட்டுதல் — observer விவரங்களிலிருந்து subject விலகிப்போதல்) அடிப்படை அறிவு.

மிக முக்கியமாக, **இது எங்கே பயன்படுத்தப்படுகிறது** என்பதை புரிந்துகொள்வது அதன் விரவலைக் காட்டுகிறது: **UI events** (event listeners மற்றும் click handlers observers), **reactive programming மற்றும் state management** (components state மாற்றங்களை observe செய்து re-render செய்வு — React போன்ற frameworks-க்கு மையமாக உள்ளது), **pub/sub மற்றும் event systems** (subscribers events-க்கு எதிர்வினை காட்டுவது), மற்றும் MVC (views models-ஐ observe செய்வது), கூடுதலாக reactive libraries (RxJS, signals, event emitters).

Observer pattern இந்த எல்லையற்ற mechanisms-க்கு அடிப்படையாக உள்ளது என்பதை அறிதல் இதை புரிந்துகொள்ள மிக நடைமுறையாக முக்கியமான patterns-ல் ஒன்றாக்குகிறது, ஏனெனில் நிகழ்வு-சார்ந்த மற்றும் reactive programming நவீன மென்பொருளின் எல்லா இடங்களிலும் உள்ளது (UI, state management, event systems).

இதை புரிந்துகொள்வது நீங்கள் வேலை செய்யும் குறிப்பு முழுவதும் இந்த patterns-ஐ அறிந்து பகுத்தறிவு செய்ய உதவுகிறது.

Observer pattern மிக பரவலாக பயன்படுத்தப்படும் patterns-ல் ஒன்று (UI events, reactive programming, state management, மற்றும் pub/sub-க்கு அடிப்படையாக — நவீன மென்பொருளில் எல்லா இடங்களிலும் உள்ளது) மற்றும் விழிப்பற்ற, நிகழ்வு-சார்ந்த தகவல் தொடர்பு செயல்படுத்துகிறது, இது பெரும்பாலான மென்பொருளின் செயல்பாட்டிற்கு மையமாகும், மற்றும் இது அறிந்துகொள்வது இந்த எல்லையற்ற mechanisms-ஐ அறிந்து பயன்படுத்த உதவுகிறது, Observer pattern ஐ புரிந்துகொள்வது மதிப்புவாய்ந்த, பரவலாகப் பொருந்தக்கூடிய design knowledge — மிக முக்கியமான மற்றும் பரவலாக பயன்படுத்தப்படும் patterns-ல் ஒன்று, நவீன மென்பொருளில் எல்லா இடங்களிலும் உள்ள நிகழ்வு-சார்ந்த மற்றும் reactive அமைப்புகளுக்கு அடிப்படையாக, மற்றும் UI, state management, மற்றும் event systems எவ்வாறு செயல்படுகின்றன என்பதை புரிந்துகொள்ள அপরিহார்யம்.