JAVASCRIPT網頁應用程式設計

202

|

第十二章

程式做結尾。如果你迫不及待想瞧瞧實際運用 Backbone 的範例，也可以直接跳到本章

最後面。

模型

首先，讓我們先來介紹應該可算是 MVC 中最重要的元件—模型，它是應用程式用來存

放資料的地方。可以把模型想成是應用程式原始資料的抽象程式介面，再加上一些和資

料相關的工具函式以及事件。如果要建立 Backbone 模型，可以呼叫

Backbone.Model

的

extend()

函式：

var User = Backbone.Model.extend({

initialize: function() {

// ...

}

});

傳進

extend()

的第一組參數物件，會成為模型的實體屬性。第二個參數物件（非必

傳），則會成為模型的類別屬性。如果想建立多個模型的子類別，可以呼叫

extexnd()

好幾次，模型的每個子類別，都會繼承父類別的所有類別屬性以及實體屬性：

var User = Backbone.Model.extend({

// 實體屬性

instanceProperty: "foo"

}, {

// 類別屬性

classProperty: "bar"

});

assertEqual( User.instanceProperty, "foo" );

assertEqual( User.prototype.classProperty, "bar" );

建立模型的物件實體時，所傳入的參數，都會被傳進模型的

initialize()

實體函式裡。

Backbone 的模型，骨子裡其實就是建構函式 ...