Observer Pattern
Padrões & Qualidade
Publicador notifica assinantes sobre mudanças de estado.
seção
Explicação
Observer Pattern — Publicador notifica assinantes sobre mudanças de estado.
Subject mantém lista observers — notify on change. Base pub/sub, events, React state.
Decouple producer consumer — DOM events são observer-like.
seção
Exemplo
class Store { #subs = new Set(); subscribe(fn) { this.#subs.add(fn); return () => this.#subs.delete(fn); } emit(v) { this.#subs.forEach((fn) => fn(v)); }}seção
Modo de uso
State management lite
DOM CustomEvent
RxJS Observable variant
seção
Armadilhas comuns
Memory leak forget unsubscribe
Notify during notify reentrancy
seção
Termos relacionados
Aprofundar no artigo
Quer ir além? Este artigo explora o tema em profundidade — leitura recomendada após o glossário.
Design Patterns: Os Modelos de Solução que Todo Dev Precisa Conhecer
Module, Singleton, Factory, Observer, Proxy e Decorator em JavaScript moderno — quando usar, quando evitar e como o JS simplifica os padrões clássicos da Gang of Four.
ler artigoMais em Padrões & Qualidade
Outros termos da mesma categoria para revisão em sequência.