观察者模式

var pubsub = {};
(function (q) {
  var topics = {}, // 回调函数存放的数组
    subUid = -1;
  // 发布方法
  q.publish = function (topic, args) {
    if (!topics[topic]) {
      return false;
    }
    setTimeout(function () {
      var subscribers = topics[topic],
        len = subscribers ? subscribers.length : 0;
      //这里的while语句，先对len的值进行判断，然后执行--
      while (len--) {
        subscribers[len].func(topic, args);
      }
    }, 0);
    return true;
  };
  //订阅方法
  q.subscribe = function (topic, func) {
    if (!topics[topic]) {
      topics[topic] = [];
    }
    var token = (++subUid).toString();
    topics[topic].push({
      token: token,
      func: func
    });
    return token;
  };
  //退订方法
  q.unsubscribe = function (token) {
    for (var m in topics) {
      if (topics[m]) {
        for (var i = 0, j = topics[m].length; i < j; i++) {
          if (topics[m][i].token === token) {
            topics[m].splice(i, 1);
            return token;
          }
        }
      }
    }
    return false;
  };
}(pubsub));
//来，订阅一个
pubsub.subscribe('example1', function (topics, data) {
  console.log(topics + ": " + data);
});
//发布通知
pubsub.publish('example1', 'hello world!');
pubsub.publish('example1', ['test', 'a', 'b', 'c']);
pubsub.publish('example1', [{ 'color': 'blue' }, { 'text': 'hello' }]);

 

观察者的使用场合就是：当一个对象的改变需要同时改变其它对象，并且它不知道具体有多少对象需要改变的时候，就应该考虑使用观察者模式。

总的来说，观察者模式所做的工作就是在解耦，让耦合的双方都依赖于抽象，而不是依赖于具体。从而使得各自的变化都不会影响到另一边的变化。

转载自https://www.cnblogs.com/leejersey/p/4244332.html