O padrão Publish-Subscribe (PubSub) é um padrão de design popular usado para facilitar a comunicação entre diferentes partes de um aplicativo sem que elas precisem se conhecer diretamente. Este padrão é especialmente útil para desacoplar componentes em aplicações de grande escala, onde os eventos podem ser publicados e os assinantes podem reagir a esses eventos.

Neste artigo, exploraremos como implementar o padrão PubSub em JavaScript usando uma abordagem baseada em objeto e uma abordagem baseada em classe. Ao final, você terá um conhecimento sólido de como usar esse padrão em seus próprios projetos.

Implementação Baseada em Objeto
A abordagem baseada em objetos é simples e eficaz para cenários onde um único gerenciador de eventos global é suficiente. Veja como você pode implementá-lo:

pubsub.js
const PubSub = {
    subscribers: [],

    subscribe: function(subscriber) {
        this.subscribers.push(subscriber);
    },

    publish: function(payload) {
        this.subscribers.forEach(subscriber => {
            subscriber(payload);
        });
    }
};

export default PubSub;

Como usar o PubSub baseado em objeto
Na sua aplicação, você pode importar o objeto PubSub sempre que precisar. Aqui está um exemplo:

// file1.js
import PubSub from './pubsub';

PubSub.subscribe((payload) => {
    console.log('File 1 received:', payload);
});

// file2.js
import PubSub from './pubsub';

PubSub.subscribe((payload) => {
    console.log('File 2 received:', payload);
});

// main.js
import PubSub from './pubsub';

PubSub.publish('Hello from main!');

Implementação baseada em classe
Para maior flexibilidade ou quando você precisar de várias instâncias de um sistema PubSub, uma abordagem baseada em classes pode ser usada. Isso permite que você crie instâncias PubSub independentes com sua própria lista de assinantes.

class PubSub {
    constructor() {
        this.subscribers = [];
    }

    subscribe(subscriber) {
        this.subscribers.push(subscriber);
    }

    unsubscribe(subscriber) {
        this.subscribers = this.subscribers.filter(sub => sub !== subscriber);
    }

    publish(payload) {
        this.subscribers.forEach(subscriber => {
            try {
                subscriber(payload);
            } catch (error) {
                console.error('Error in subscriber:', error);
            }
        });
    }
}

export default PubSub;

Como usar o PubSub baseado em classe
Aqui está um exemplo de como você pode usar o padrão PubSub baseado em classe em seu aplicativo:

import PubSub from './pubsub';

// Create an instance of PubSub
const pubSubInstance = new PubSub();

// Subscribe to events
pubSubInstance.subscribe((payload) => {
    console.log('Instance 1 received:', payload);
});

pubSubInstance.subscribe((payload) => {
    console.log('Instance 2 received:', payload);
});

// Publish an event
pubSubInstance.publish('Hello from instance!');

Conclusão
O padrão PubSub é uma ferramenta poderosa para gerenciar a comunicação entre diferentes partes do seu aplicativo. A escolha de usar uma implementação baseada em objeto ou baseada em classe depende de suas necessidades específicas. A abordagem baseada em objetos é simples e direta, ideal para projetos menores ou quando um único gerenciador de eventos global é suficiente. Por outro lado, a abordagem baseada em classes oferece mais flexibilidade e é mais adequada para aplicações maiores onde você pode precisar de múltiplas instâncias do sistema PubSub.

Sinta-se à vontade para usar esses exemplos em seus próprios projetos e modificá-los para atender às suas necessidades. Boa codificação!