O que é o padrão Observer?

Question

Accepted Answer

O padrão **Observer** define uma **dependência um-para-muitos** onde múltiplos objetos (observers) são notificados automaticamente quando outro objeto (o subject) muda de estado. Ele permite comunicação desacoplada e orientada por eventos — amplamente utilizado em UIs, sistemas de eventos e programação reativa.

## O que o padrão Observer faz

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

## Exemplo

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

## Onde é usado (muito comum)

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

## Por que isso importa

Entender o padrão Observer é valioso porque é **um dos padrões mais amplamente utilizados**, subjacente a sistemas orientados por eventos e reativos em todos os lugares, portanto é conhecimento de design importante e amplamente aplicável.

O padrão Observer — uma dependência um-para-muitos onde um subject notifica seus observers automaticamente quando seu estado muda — permite **comunicação desacoplada e orientada por eventos**, que é fundamental para como muito software moderno funciona.

Entender o mecanismo (observers se inscrevendo em um subject, o subject notificando todos eles em mudanças, observers reagindo — com o subject desacoplado dos detalhes dos observers) é o conhecimento fundamental.

Mais importantly, entender **onde é usado** revela sua ubiquidade: **eventos de UI** (event listeners e click handlers são observers), **programação reativa e gerenciamento de estado** (componentes observando mudanças de estado para re-renderizar — central em frameworks como React), **pub/sub e sistemas de eventos** (subscribers reagindo a eventos), e MVC (views observando models), além de bibliotecas reativas (RxJS, signals, event emitters).

Reconhecer que o padrão Observer está subjacente a esses mecanismos onipresentes o torna um dos padrões mais praticamente importantes de entender, já que programação orientada por eventos e reativa estão em todos os lugares em software moderno (UIs, gerenciamento de estado, sistemas de eventos).

Entendê-lo ajuda você a reconhecer e raciocinar sobre esses padrões em todo o código com o qual você trabalha.

Como o padrão Observer é um dos padrões mais amplamente utilizados (subjacente a eventos de UI, programação reativa, gerenciamento de estado e pub/sub — onipresente em software moderno) e permite a comunicação desacoplada e orientada por eventos central para como muito software funciona, e como entendê-lo ajuda você a reconhecer e usar esses mecanismos onipresentes, entender o padrão Observer é conhecimento de design valioso e amplamente aplicável — um dos padrões mais importantes e amplamente utilizados, subjacente aos sistemas orientados por eventos e reativos onipresentes em software moderno, e essencial para entender como UIs, gerenciamento de estado e sistemas de eventos funcionam.