javascript觀察者模式定義、場景實例代碼詳解

var pubsub = {}; // 定義發布者
(function (q) {
 var list = [], //回調函數存放的數組，也就是記錄有多少人訂閱了我們東西
 subUid = -1;
 // 發布消息,遍歷訂閱者
 q.publish = function (type, content) {
 // type 為文章類型，content為文章內容
 // 如果沒有人訂閱，直接返回
 if (!list[type]) {
 return false;
 }
 setTimeout(function () {
 var subscribers = list[type],
 len = subscribers ? subscribers.length : 0;
 
 while (len--) {
 // 將內容注入到訂閱者那里
 subscribers[len].func(type, content);
 }
 }, 0);
 return true;
 };
 //訂閱方法，由訂閱者來執行
 q.subscribe = function (type, func) {
 // 如果之前沒有訂閱過
 if (!list[type]) {
 list[type] = [];
 }
 // token相當于訂閱者的id，這樣的話如果退訂，我們就可以針對它來知道是誰退訂了。
 var token = (++subUid).toString();
 // 每訂閱一個，就把它存入到我們的數組中去
 list[type].push({
 token: token,
 func: func
 });
 return token;
 };
 //退訂方法
 q.unsubscribe = function (token) {
 for (var m in list) {
 if (list[m]) {
 for (var i = 0, j = list[m].length; i < j; i++) {
 if (list[m][i].token === token) {
 list[m].splice(i, 1);
 return token;
 }
 }
 }
 }
 return false;
 };
} (pubsub));
//將訂閱賦值給一個變量，以便退訂
var girlA = pubsub.subscribe('js類的文章', function (type, content) {
 console.log('girlA訂閱的'+type + ": 內容內容為：" + content);
});
var girlB = pubsub.subscribe('js類的文章', function (type, content) {
 console.log('girlB訂閱的'+type + ": 內容內容為：" + content);
});
var girlC = pubsub.subscribe('js類的文章', function (type, content) {
 console.log('girlC訂閱的'+type + ": 內容內容為：" + content);
});
//發布通知
pubsub.publish('js類的文章', '關于js的內容');
//