JAVASCRIPT網頁應用程式設計

174

|

第十一章

目前 Spine 最大的問題，應該就是它的說明文件明顯不足。不過這套函式庫才問世不

久，相信再給它一些時間，說明文件不足的情況應該就會有改善。況且相信只要透過本

章的說明、以及範例程式碼的輔助，應該就足以讓你對這套函式庫有更深一層的了解。

安裝

Spine 的安裝方式很簡單，只要到 Spine 的專案儲存庫（

http://github.com/maccman/

spine

）下載函式庫檔案，再把它加進網頁裡就可以了。Spine 不需相依任何其他函式庫：

<script src="spine.js" type="text/javascript" charset="utf-8"></script>

Spine 函式庫裡的所有成員，都隸屬於相同的命名空間（也就是變數

Spine

），因此不

容易和其他變數發生衝突。即使將 Spine 搭配其他的函式庫（像是 jQuery、 Zepto，或

Prototype…等等）一起使用，也不用擔心會有變數衝突的狀況發生。

類別

差不多所有的 Spine 物件，都會被封裝在類別裡面。建立 Spine 類別的做法，是透過

Object.create()

和單純的原型繼承機制。這種建立類別的方式，有別於一般常用的做

法（更詳細的說明，可參閱本書第三章）。

建立新類別的方式，就是呼叫

Spine.Class.create([ 實體屬性 , 類別屬性 ])

，並傳入一

些實體屬性（非必傳）和類別屬性（非必傳）：

var User = Spine.Class.create({