Observer pattern là gì?

Question

Accepted Answer

Pattern **Observer** định nghĩa một **quan hệ phụ thuộc một-nhiều** trong đó nhiều đối tượng (observer) được thông báo tự động khi một đối tượng khác (subject) thay đổi trạng thái. Nó cho phép giao tiếp tách biệt, hướng sự kiện — được dùng rộng rãi trong UI, hệ thống sự kiện, và reactive programming.

## Pattern Observer làm gì

```text
OBSERVER → một SUBJECT duy trì danh sách các OBSERVER và THÔNG BÁO chúng khi trạng thái thay đổi:
  → các observer ĐĂNG KÝ (subscribe) với subject
  → khi subject thay đổi → nó tự động thông báo TẤT CẢ observer đã đăng ký
  → observer phản ứng với thông báo (tự cập nhật)
→ một-nhiều: một subject, nhiều observer; TÁCH BIỆT (subject không biết chi tiết observer)
```

## Ví dụ

```js
class Subject {
  observers = [];
  subscribe(obs) { this.observers.push(obs); }
  notify(data) { this.observers.forEach(obs => obs.update(data)); }  // thông báo tất cả
}
// các observer cài đặt update(); chúng đăng ký và được thông báo khi có thay đổi
subject.subscribe({ update: (data) => console.log('notified:', data) });
subject.notify('state changed');   // tất cả observer được gọi
```

## Nơi nó được dùng (rất phổ biến)

```text
✓ UI EVENTS → event listener (click handler) là observer của các sự kiện UI
✓ REACTIVE programming / quản lý state → component theo dõi thay đổi state (re-render)
✓ PUB/SUB và hệ thống sự kiện → subscriber phản ứng với các sự kiện được publish
✓ MVC → view theo dõi model; các thông báo (ví dụ RxJS, signals, event emitter)
→ một trong những pattern được dùng rộng rãi nhất (hệ thống hướng sự kiện ở khắp nơi)
```

## Tại sao điều này quan trọng

Hiểu pattern Observer là giá trị vì nó là **một trong những pattern được dùng rộng rãi nhất**, làm nền tảng cho các hệ thống hướng sự kiện và reactive ở khắp nơi, nên đây là kiến thức thiết kế quan trọng, áp dụng rộng.

Pattern Observer — một quan hệ phụ thuộc một-nhiều trong đó subject thông báo các observer tự động khi trạng thái thay đổi — cho phép **giao tiếp tách biệt, hướng sự kiện**, vốn là nền tảng cho cách nhiều phần mềm hiện đại hoạt động.

Hiểu cơ chế (observer đăng ký với subject, subject thông báo tất cả chúng khi có thay đổi, observer phản ứng — với subject tách biệt khỏi chi tiết observer) là kiến thức nền tảng.

Quan trọng nhất, hiểu **nơi nó được dùng** cho thấy sự phổ biến của nó: **UI events** (event listener và click handler là observer), **reactive programming và quản lý state** (component theo dõi thay đổi state để re-render — trung tâm của các framework như React), **pub/sub và hệ thống sự kiện** (subscriber phản ứng với sự kiện), và MVC (view theo dõi model), cùng các thư viện reactive (RxJS, signals, event emitter).

Nhận ra rằng pattern Observer làm nền tảng cho các cơ chế phổ biến này khiến nó trở thành một trong những pattern quan trọng thực tế nhất cần hiểu, vì lập trình hướng sự kiện và reactive có mặt khắp nơi trong phần mềm hiện đại (UI, quản lý state, hệ thống sự kiện).

Hiểu nó giúp bạn nhận ra và suy luận về các pattern này xuyên suốt code bạn làm việc.

Vì pattern Observer là một trong những pattern được dùng rộng rãi nhất (làm nền tảng cho UI events, reactive programming, quản lý state, và pub/sub — phổ biến trong phần mềm hiện đại) và cho phép giao tiếp tách biệt, hướng sự kiện vốn là trung tâm của cách nhiều phần mềm hoạt động, và vì hiểu nó giúp bạn nhận ra và dùng các cơ chế phổ biến này, hiểu pattern Observer là kiến thức thiết kế giá trị, áp dụng rộng — một trong những pattern quan trọng và được dùng rộng rãi nhất, làm nền tảng cho các hệ thống hướng sự kiện và reactive phổ biến trong phần mềm hiện đại, và thiết yếu để hiểu cách UI, quản lý state, và hệ thống sự kiện hoạt động.