講解jQuery回調(diào)對象之前，我們有必要先理解其背后的設(shè)計思想 - “觀察者模式”。

觀察者模式 (pub/sub) 的背后，總的想法是在應(yīng)用程序中增強松耦合性。并非是在其它對象的方法上的單個對象調(diào)用。一個對象作為特定任務(wù)或是另一對象的活動的觀察者，并且在這個任務(wù)或活動發(fā)生時，通知觀察者。觀察者也被叫作訂閱者（Subscriber），它指向被觀察的對象，既被觀察者（Publisher 或 subject)。當(dāng)事件發(fā)生時，被觀察者（Publisher）就會通知觀察者（subscriber）。

觀察者的使用場合

觀察者的使用場合就是：當(dāng)一個對象的改變需要同時改變其它對象，并且它不知道具體有多少對象需要改變的時候，就應(yīng)該考慮使用觀察者模式。先看官網(wǎng)的demo這個例子，涉及到了 add 與 fire方法，熟悉設(shè)計模式的童鞋呢，一眼就能看出，其實又是基于發(fā)布訂閱（Publish/Subscribe）的觀察者模式的設(shè)計。

作為 $.Callbacks() 的創(chuàng)建組件的一個演示，只使用回調(diào)函數(shù)列表，就可以實現(xiàn) Pub/Sub 系統(tǒng)，將 $.Callbacks 作為一個隊列。

我們來模擬常規(guī)下最簡單的實現(xiàn)：

JS里對觀察者模式的實現(xiàn)是通過回調(diào)來實現(xiàn)的，我們來先定義一個Observable對象，其內(nèi)部包含了2個方法：訂閱add方法與發(fā)布fire方法，如下代碼：

var Observable = {
  callbacks: [],
  add: function(fn) {
    this.callbacks.push(fn);
  },
  fire: function() {
    this.callbacks.forEach(function(fn) {
      fn();
    })
  }
}

使用add開始訂閱：

Observable.add(function() {
  alert(1)
})

Observable.add(function() {
  alert(2)
})

使用fire開始發(fā)布：

Observable.fire(); // 1, 2

設(shè)計的原理：

開始構(gòu)建一個存放回調(diào)的數(shù)組，如this.callbacks= [] 添加回調(diào)時，將回調(diào)push進this.callbacks，執(zhí)行則遍歷this.callbacks執(zhí)行回調(diào)，也彈出1跟2了。當(dāng)然這只是簡潔的設(shè)計，便于理解，整體來說設(shè)計的思路代碼都是挺簡單的，那么我們從簡單的設(shè)計深度挖掘下這種模式的優(yōu)勢。

注意：如果沒有做過復(fù)雜交互設(shè)計，或者大型應(yīng)用的開發(fā)者，可能一開始無法理解這模式的好處，就簡單的設(shè)計而言用模式來處理問題，有點把簡單的問題復(fù)雜化。我們不是為了使用模式而使用的。

組件開發(fā)為了保證組件可以在不同的項目中都適用，其必須是對其常用功能抽象出來加以實現(xiàn)，絕不會包含具體的業(yè)務(wù)邏輯而某一特定的項目使用者在其業(yè)務(wù)場景中使用組件時不可避免的要加入不同場景的業(yè)務(wù)邏輯。