【spine.js】Spine.jsを使ってはまったポイント

Spine.jsでクラスの継承をさせようとしていくつかはまってしましました。

※CoffeScriptではなくJavaScriptのみ使用しています

◯親クラスへの参照
少し長いですが、以下でアクセス可能です。
this.constructor.__super_

◯親クラスのプロパティを更新する
子クラス内で、親クラスのプロパティを更新すると、継承関係を持つ子クラス全てに影響します。
つまり、子クラスは根っこのほうで同じプロパティを参照していることになり、普通の（私の母国語はJavaです）クラス設計が成り立たなくなります。

これはステートフルJavaScript ―MVCアーキテクチャに基づくWebアプリケーションの状態管理 ” target=”_blank”>Spine.js作者の著書を読み直して気が付きました。公式ドキュメントではこれについて触れられていません。

私は定数やメソッドなど更新する必要のないプロパティのみ継承するか、has-a関係、つまり継承ではなく流用したい機能を持ったクラスをインスタンス化して内部で保持するようにしています。

◯モデルの継承
下記のようなモデルを継承します。

var VideoEntryModel = Spine.Model.sub();
VideoEntryModel.configure(
	"VideoEntryModel",
	"videoId", 
	"videoTitle",
	);

var SearchModel = VideoEntryModel.sub();
var RelatedModel = VideoEntryModel.sub();

上記の記述でSearchModelやRelatedModelを使用すると、全てVideoEntryModelを対象として処理が行われます。

configure()の第一引数はモデル名を指定します。
モデルを使用する際は、第一引数で指定した文字列が操作対象のモデル識別子となります。
そのため、継承して新たなクラスとしてモデルを定義してもconfigure()で自分のモデル名を指定しないと正しく処理が行われません。

var SearchModel = VideoEntryModel.sub();
SearchModel.configure("SearchModel");

親クラスで指定したその他のプロパティが上書かれてしまいそうですが、上記のように書くとモデル名だけ変更することができました。
上記の方法は同じ構成のデータを違うグループとして管理したい場合に有効です。

◯コントローラの継承