Patrón Observer

Parte de la sección Programación Orientada a Objetos del Journey de Dart de Coddy. Lección 92 de 110.

El patrón Observer establece una relación de uno a muchos entre objetos: cuando un objeto (el sujeto) cambia de estado, todos sus dependientes (observadores) reciben una notificación automáticamente. Esto es perfecto para situaciones como actualizaciones de la interfaz de usuario, sistemas de eventos o cualquier caso en el que varias partes de tu aplicación deban reaccionar a los cambios.

El patrón implica dos roles clave: un sujeto que mantiene una lista de observadores y les notifica los cambios, y observadores que se registran y responden a las actualizaciones:

abstract class Observer {
  void update(String message);
}

class NewsAgency {
  final List<Observer> _observers = [];
  String _latestNews = '';

  void subscribe(Observer observer) {
    _observers.add(observer);
  }

  void unsubscribe(Observer observer) {
    _observers.remove(observer);
  }

  void publishNews(String news) {
    _latestNews = news;
    for (var observer in _observers) {
      observer.update(_latestNews);
    }
  }
}

class NewsChannel implements Observer {
  final String name;
  NewsChannel(this.name);

  @override
  void update(String message) {
    print('$name received: $message');
  }
}

void main() {
  var agency = NewsAgency();
  var cnn = NewsChannel('CNN');
  var bbc = NewsChannel('BBC');

  agency.subscribe(cnn);
  agency.subscribe(bbc);

  agency.publishNews('Breaking news!');
  // CNN received: Breaking news!
  // BBC received: Breaking news!
}

Cuando se llama a publishNews, la agencia itera a través de todos los observadores suscritos y llama a su método update. Los observadores pueden suscribirse o cancelar su suscripción en cualquier momento, lo que hace que el sistema sea flexible y esté débilmente acoplado: el sujeto no necesita conocer los tipos específicos de sus observadores.

Desafío

Fácil

¡Construyamos un sistema de alertas de precios de acciones usando el patrón Observer! Crearás un sistema en el que un marcador de cotizaciones notifica a varios inversores cada vez que cambia el precio, lo que permite que cada inversor reaccione a las actualizaciones del mercado a su manera.

Organizarás tu código en dos archivos:

stock_system.dart: Crea aquí tu sistema de observadores:
- Una clase abstracta Investor con un método void onPriceChange(String stockName, double price)
- Una clase DayTrader que implementa Investor. Tiene un campo name y su método onPriceChange imprime: [name] sees [stockName] at $[price] - Making quick trade!
- Una clase LongTermInvestor que implementa Investor. Tiene un campo name y su método onPriceChange imprime: [name] notes [stockName] at $[price] - Holding steady.
- Una clase StockTicker (el sujeto) con:
  - Un campo String stockName
  - Una lista privada para almacenar a los inversores suscritos
  - Un método subscribe(Investor investor) para añadir un inversor
  - Un método unsubscribe(Investor investor) para eliminar un inversor
  - Un método updatePrice(double newPrice) que notifica a todos los inversores suscritos del nuevo precio
main.dart: Importa tu sistema de acciones y demuestra el patrón Observer en funcionamiento:
- Crea un StockTicker para una acción llamada DART
- Crea un DayTrader llamado Alice y un LongTermInvestor llamado Bob
- Suscribe a ambos inversores al marcador de cotizaciones
- Actualiza el precio a 150.50 (ambos inversores deben recibir una notificación)
- Imprime una línea vacía
- Cancela la suscripción de Alice al marcador de cotizaciones
- Actualiza el precio a 155.75 (ahora solo Bob debe recibir una notificación)

Esto demuestra cómo el patrón Observer crea un sistema débilmente acoplado: StockTicker no necesita saber si está notificando a operadores intradía o a inversores a largo plazo; simplemente llama a onPriceChange en quienquiera que esté suscrito.

Salida esperada:

Alice sees DART at $150.5 - Making quick trade!
Bob notes DART at $150.5 - Holding steady.

Bob notes DART at $155.75 - Holding steady.

Pruébalo tú mismo

import 'stock_system.dart';

void main() {
  // TODO: Crear un StockTicker para una acción llamada 'DART'
  
  // TODO: Crear un DayTrader llamado 'Alice'
  
  // TODO: Crear un LongTermInvestor llamado 'Bob'
  
  // TODO: Suscribir a ambos inversores al ticker
  
  // TODO: Actualizar el precio a 150.50 (ambos inversores deben ser notificados)
  
  // TODO: Imprimir una línea vacía
  
  // TODO: Cancelar la suscripción de Alice del ticker
  
  // TODO: Actualizar el precio a 155.75 (ahora solo Bob debe ser notificado)
}