Aplicando Patrones de Diseño en TypeScript: Consejos Expertos

Introducción

El uso de patrones de diseño en el desarrollo de aplicaciones es una práctica común que permite mejorar la estructura y la calidad del código. Los patrones de diseño proporcionan soluciones probadas y eficientes a problemas comunes en el desarrollo de software. En este artículo, exploraremos cómo aplicar patrones de diseño en TypeScript y proporcionaremos consejos expertos para aprovechar al máximo estos patrones.

Patrón Singleton

El patrón Singleton es uno de los patrones de diseño más utilizados. Se utiliza cuando solo se permite la existencia de una única instancia de una clase en todo el sistema. En TypeScript, se puede implementar de la siguiente manera:

class Singleton {
  private static instance: Singleton;
  
  private constructor() {
    // Constructor privado para evitar la creación de instancias fuera de la clase
  }
  
  public static getInstance(): Singleton {
    if (!Singleton.instance) {
      Singleton.instance = new Singleton();
    }
    
    return Singleton.instance;
  }
}

En este ejemplo, la clase Singleton tiene un constructor privado y un método estático getInstance() que devuelve la única instancia de la clase. Esto garantiza que solo haya una instancia de la clase en todo el sistema.

Patrón Factory

El patrón Factory se utiliza para crear objetos sin especificar explícitamente la clase concreta. En lugar de crear objetos utilizando el operador new, se utiliza un método de fábrica para crear y devolver instancias de clases concretas. En TypeScript, se puede implementar de la siguiente manera:

interface Product {
  operation(): void;
}

class ConcreteProductA implements Product {
  public operation(): void {
    console.log('Operación de ConcreteProductA');
  }
}

class ConcreteProductB implements Product {
  public operation(): void {
    console.log('Operación de ConcreteProductB');
  }
}

class Creator {
  public createProduct(type: string): Product {
    switch (type) {
      case 'A':
        return new ConcreteProductA();
      case 'B':
        return new ConcreteProductB();
      default:
        throw new Error('Tipo de producto no válido');
    }
  }
}

En este ejemplo, la interfaz Product define la operación común que deben implementar las clases concretas. La clase Creator tiene un método createProduct() que devuelve una instancia de una clase concreta según el tipo especificado.

Patrón Observer

El patrón Observer se utiliza para establecer una relación de uno a muchos entre objetos, de modo que cuando un objeto cambia de estado, todos los objetos dependientes son notificados y actualizados automáticamente. En TypeScript, se puede implementar de la siguiente manera:

interface Observer {
  update(data: any): void;
}

class Subject {
  private observers: Observer[] = [];
  
  public attach(observer: Observer): void {
    this.observers.push(observer);
  }
  
  public detach(observer: Observer): void {
    const index = this.observers.indexOf(observer);
    if (index !== -1) {
      this.observers.splice(index, 1);
    }
  }
  
  public notify(data: any): void {
    for (const observer of this.observers) {
      observer.update(data);
    }
  }
}

class ConcreteObserver implements Observer {
  public update(data: any): void {
    console.log(`Actualización recibida: ${data}`);
  }
}

En este ejemplo, la interfaz Observer define el método update() que debe ser implementado por las clases que deseen recibir actualizaciones. La clase Subject mantiene una lista de observadores y proporciona métodos para adjuntar, desadjuntar y notificar a los observadores. La clase ConcreteObserver implementa el método update() para recibir y procesar las actualizaciones.

Conclusiones