Simple examples of publishing/subscription patterns in JavaScript _javascript tips

The last time the Observer model was studied, many articles said it was also called subscribe/publish (Publish/Subscribe mode). There are some differences between the two patterns in the JavaScript design pattern book. The book reads as follows:

1.Observer mode requires that an observer who wishes to receive a topic notification must subscribe to an event that changes the content.

The 2.subscribe/publish mode uses a theme/event channel between subscribers and publishers. The event system allows code to define specific events for an application that can pass custom parameters that contain the values required by the Subscriber. The goal is to avoid dependencies between subscribers and publishers.

Unlike the observer mode, it allows any subscriber to execute an appropriate event handler to register and receive notifications from the publisher.

Okay, I don't know. Here's what I understand:

1. In the observer model, the target object is responsible for maintaining the observer. In the Publish/Subscribe mode The Publisher does not care about the subscriber and is only responsible for throwing the message out.

2. In the Observer model, the Observer provides an interface and then calls this interface when the target object changes to keep its state and target State consistent. That is, all observers should have a unified interface (such as the Update method written above, everyone's method should be called this name). In the Publish/subscribe mode, the trigger for the Subscriber event is not to rely on such an interface, but rather to trigger the subscriber by listening for a particular message that typically contains the name and the parameters required by the Subscriber. It is understandable that the subscriber listens not to the publisher, but to the message pool, as long as it has a message in its care, that is, to trigger the event, regardless of who posted the past. The publisher and Subscriber are decoupled.

The following is the implementation of the Publish/subscribe mode in JS, copy and paste to the console inside try to understand:

Copy Code code as follows:

var pubsub = (function () {
var q = {}
Topics = {},
Subuid =-1;
Post message
Q.publish = function (topic, args) {
if (!topics[topic]) {return;}
var subs = Topics[topic],
len = subs.length;
while (len--) {
Subs[len].func (topic, args);
}
return this;
};
Subscribe to Events
Q.subscribe = function (topic, func) {
Topics[topic] = Topics[topic]? Topics[topic]: [];
var token = (++subuid). toString ();
Topics[topic].push ({
Token:token,
Func:func
});
return token;
};
return q;
Unsubscribe is not written, traverse topics, and then save the specified element by saving the front return token
})();
Triggered events
var logmsg = function (topics, data) {
Console.log ("Logging:" + topics + ":" + data);
}
Listens for the specified message ' Msgname '
var sub = pubsub.subscribe (' Msgname ', logmsg);
Publish message ' Msgname '
Pubsub.publish (' msgname ', ' Hello World ');
Release the unattended message ' msgName1 '
Pubsub.publish (' Anothermsgname ', ' Me too! ');