JAVASCRIPT網頁應用程式設計

檢視器（View）與模版（Template）

|

87

object.change(function(){

console.log("Changed!", this);

// 更新檢視器內容

});

object.change();

object.name = "Bar";

object.change();

設定好物件的

change()

回叫函式後，就可以透過它來繫結、觸發

change

事件。

繫結模型

讓我們再改良一下先前的範例程式，把繫結模型的概念也加進去。每當有人新增、修改

或刪除模型裡的資料時，就觸發

change

事件並重新產生檢視器的內容。此外，還要新增

一組

User

類別，替它設定事件繫結和觸發機制、讓它監聽

change

事件。這麼一來，只

要

change

事件被觸發，就會重新產生檢視器的內容：

<script>

var User = function(name){

this.name = name;

};

User.records = []

User.bind = function(ev, callback) {

var calls = this._callbacks || (this._callbacks = {});

(this._callbacks[ev] || (this._callbacks[ev] = [])).push(callback);

};

User.trigger = function(ev) {

var list, calls, i, l;

if (!(calls ...