What are some observable patterns in JavaScript?

What are some observable patterns in JavaScript?

Observable patterns in JavaScript are design patterns that allow you to manage asynchronous data streams. They help in handling events, data changes, and more.

Can you give me some examples of these patterns?

Sure! Some common observable patterns include the Observer pattern, Publish-Subscribe pattern, and the EventEmitter pattern.

How does the Observer pattern work?

In the Observer pattern, an object (the subject) maintains a list of dependents (observers) that are notified of any state changes, allowing for a decoupled architecture.

Can you show me a code example of the Publish-Subscribe pattern?

Absolutely! Here's a simple example:

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));
        }
    }
}

You can use this class to subscribe to events and publish data to those subscribers.