How can I implement a pub-sub pattern in JavaScript?

How can I implement a pub-sub pattern in JavaScript?

You can implement a pub-sub pattern in JavaScript using an object to manage subscribers and publishers. Would you like a code example?

Yes, please provide a simple code example.

Here's a basic implementation:

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

    subscribe(event, callback) {
        if (!this.subscribers[event]) {
            this.subscribers[event] = [];
        }
        this.subscribers[event].push(callback);
    }

    publish(event, data) {
        if (this.subscribers[event]) {
            this.subscribers[event].forEach(callback => callback(data));
        }
    }
}

const pubSub = new PubSub();

pubSub.subscribe('dataReceived', (data) => {
    console.log('Data received:', data);
});

pubSub.publish('dataReceived', { id: 1, message: 'Hello World!' });

This code creates a simple pub-sub system where you can subscribe to events and publish data.

How can I handle multiple subscribers for the same event?

In the provided code, multiple subscribers can be added for the same event by calling the subscribe method multiple times with different callbacks. Each callback will be executed in the order they were added when the event is published.