JAVASCRIPT網頁應用程式設計

6

|

第一章

更棒的是，這樣的寫法還同時把所有和檢視器相關的程式邏輯，都納入

helper

變數的

命名空間裡，防止日後函式名稱發生衝突，並讓程式碼保持簡潔，日後也較容易擴充系

統功能。

如果目前對於檢視器和模版的概念還不了解，先不用太擔心—本書第五章會更詳盡的說明

相關概念。本節只是先讓你對檢視器在 MVC 架構裡頭所扮演的角色，有個初步的了解。

控制器（Controller）

控制器可說是模型和檢視器之間的接著劑。它負責接收從檢視器傳送過來的事件和輸

入，並對它們進行處理（處理過程中可能會需要用到模型），處理完畢後，再依據處理

結果更新檢視器的內容。控制器會在一開始載入網頁時，就先在檢視器上面設定好所有

的事件監聽器（event listener），以便偵測一些諸如送出表單、點擊按鈕…之類的事件。

這麼一來，使用者如果在操作應用程式的過程中有引發這些事件，就會觸發控制器裡面

的某些動作。

實作控制器並不需要任何特定的函式庫或框架平台（framework）；這裡有一段用 jQuery

實作控制器的範例程式碼：

var Controller = {};

// 利用匿名函式封裝程式碼

(Controller.users = function($){

var nameClick = function(){

/* ... */

};

// 在載入網頁時設定事件監聽器

$(function(){

$("#view .name").click(nameClick);

});

})(jQuery);

這段程式碼會先建立一個控制器 ...