JAVASCRIPT網頁應用程式設計

Spine 函式庫

|

179

Spine 的事件機制，最常被用來同步模型和檢視器，好讓雙方所持有的資料能維持一

致。本章稍後的「實際開發應用程式：聯絡人管理員」一節，將會更詳盡的解說相關的

概念。

模型

如果你有偷瞄一下 Spine 的原始碼（

https://github.com/maccman/spine/blob/master/spine.

js

），就會發現裡面大多數的程式碼，都是在處理模型。的確，模型可說是每套 MVC 應

用程式最核心的關鍵，它主要是負責儲存、處理應用程式的資料。Spine 為了能簡化處

理模型的工作，特別提供了一套完整的 ORM 模組。

如果要建立新的模型，用的不是

create()

函式（這組函式已經有其他用途），而是

Spine.Model.setup(name, attrs)

，傳入兩組參數：模型名稱（name），以及一組存放

屬性名稱的陣列（attrs）：

// 建立工作項目的模型「Task」

var Task = Spine.Model.setup("Task", ["name", "done"]);

建立好模型，就可以用

include()

和

extend()

函式，來新增實體屬性和類別屬性：

Task.extend({

// 回傳所有已完成的工作項目

done: function(){ /* ... */ }

});

Task.include({

// 預設的工作項目名稱

name: "Empty...",

done: false,

toggle: function(){ ...