Ajax實戰：在瀏覽器端應用MVC

我們在前面一直將注意力集中於應用中的小細節。現在可以擴大一下視野， 考慮啟動時交付在瀏覽器上的完整的JavaScript應用。這也可以按MVC模式進行 結構化，由於清晰地分離了關注點，得到較大的最佳化。

在這個層級，模型由業務領域對象組成，視圖是整個可程式化處理的頁面，控 制器是將UI和領域對象相串連的代碼中所有事件處理函數的組合。圖4-2展示了 這個層級的MVC操作。這可能是對於Ajax開發人員最重要的MVC使用方式，因為它很 自然地適應了Ajax富客戶應用。我們將考察MVC模式的這種使用方法的細節，並 在本章的剩餘部分看看能從中吸取些什麼。

圖4-2 模型—視圖—控制器整體應用於Ajax用戶端應用。這個級 別的控制器是將UI串連到JavaScript業務對象的代碼

如果思考一下第3章討論過的傳統Web MVC，你會知道在一個典型的Ajax應用 中至少有3層，每一層在應用的生命週期中扮演不同的角色，它們都有助於開發 出清晰、組織良好的代碼。圖4-3示範了這些不同規模的MVC模式如何嵌套在應用 的架構中。

那麼，當開發代碼時這對我們意味著什麼呢?在下面幾節中，我們以更實際的 觀點來考察使用MVC定義JavaScript應用的結構，它將如何影響編寫代碼的方式 ，它的好處是什麼?讓我們開始考察一下視圖。

圖4-3 在嵌套的MVC架構中，模式以不同的規模重複自己。在最外層的層級， 我們可以看到模式作為整體定義了應用的工作流程，模型位於Web伺服器端。在較 小的規模，模式在用戶端應用中重複;在更小的規模，模式在用戶端應用的單個 UI組件內部重複