什么是 Observer 模式？

Question

什么是 Observer 模式？

Accepted Answer

**Observer** 模式定义了一种**一对多的依赖关系**，当另一个对象（主题）改变状态时，多个对象（观察者）会自动得到通知。它支持解耦的、事件驱动的通信——广泛用于 UI、事件系统和响应式编程。

## Observer 模式的作用

```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 模式之所以值得学习，是因为它是**最广泛使用的设计模式之一**，是事件驱动和响应式系统的基础，到处都在使用，所以它是重要的、广泛适用的设计知识。

Observer 模式——一种一对多的依赖关系，当主题状态改变时主题自动通知所有观察者——支持**解耦的、事件驱动的通信**，这是现代软件工作方式的基础。

理解其机制（观察者订阅主题、主题在改变时通知所有观察者、观察者做出响应——主题与观察者的具体实现解耦）是基础知识。

最重要的是，理解**它在哪里被使用**揭示了它的普遍性：**UI 事件**（事件监听器和点击处理器是观察者）、**响应式编程和状态管理**（组件观察状态变化来重新渲染——是 React 等框架的核心）、**发布-订阅和事件系统**（订阅者对事件做出反应）以及 MVC（视图观察模型），还有响应式库（RxJS、信号、事件发射器）。

认识到 Observer 模式是这些无处不在的机制的基础，使其成为最具实用价值的模式之一，因为事件驱动和响应式编程遍布现代软件各处（UI、状态管理、事件系统）。

理解它能帮助你识别和推理你所使用的代码中的这些模式。

由于 Observer 模式是最广泛使用的模式之一（是 UI 事件、响应式编程、状态管理和发布-订阅的基础——在现代软件中无处不在），并且支持解耦的、事件驱动的通信，这是许多软件的核心工作原理，而且理解它能帮助你识别和使用这些无处不在的机制，所以理解 Observer 模式是宝贵的、广泛适用的设计知识——最重要和最广泛使用的模式之一，是现代软件中无处不在的事件驱动和响应式系统的基础，对于理解 UI、状态管理和事件系统如何工作至关重要。