观察者模式&发布订阅模式

Observable.js

@@ -11,12 +11,25 @@ class ObserverList {
   }
   add(observer) {
     // todo add observer to list
+    this.observerList.push(observer);
   }
   remove(observer) {
     // todo remove observer from list
+    for (var i = 0; i < this.observerList.length; i++) {
+      if (this.observerList[i] == observer) {
+        this.observerList.splice(i, 1);
+        return this.observerList;
+      }
+    }
   }
   count() {
     // return observer list size
+    return this.observerList.length;
+  }
+  get(index) {
+    if (index > -1 && index < this.observerList.length) {
+      return this.observerList[index];
+    }
   }
 }
 
@@ -26,12 +39,18 @@ class Subject {
   }
   addObserver(observer) {
     // todo add observer
+    this.observers.add(observer);
   }
   removeObserver(observer) {
     // todo remove observer
+    this.observers.remove(observer);
   }
   notify(...args) {
     // todo notify
+    var count = this.observers.count();
+    for (var i = 0; i < count; i++) {
+      this.observers.get(i).update(...args);
+    }
   }
 }
 

PubSub.js

@@ -13,14 +13,35 @@ module.exports = class PubSub {
 
   subscribe(type, fn) {
     // todo subscribe
+    if (!this.subscribers[type]) {
+      this.subscribers[type] = [];
+    }
+    this.subscribers[type].push(fn);
   }
 
   unsubscribe(type, fn) {
     // todo unsubscribe
+    if (!this.subscribers[type]) {
+      return false;
+    }
+
+    for (var i = 0; i < this.subscribers[type].length; i++) {
+      if (this.subscribers[type][i] === fn) {
+        this.subscribers[type].splice(i, 1);
+        return this.subscribers[type];
+      }
+    }
+
   }
 
   publish(type, ...args) {
     // todo publish
+    if (!this.subscribers[type]) {
+      return false;
+    }
+
+    this.subscribers[type].forEach(subscriber => subscriber(...args))
+
   }
 
 }