Backbone.jsアプリケーション開発ガイド

7.9

 モデルとビューの構造の作成

173

var Panel = function(options) {

// Panel

の初期化に使われるコードはすべてここに記述します

console.log('Panel

が初期化されました

');

this.foo = 'bar';

Backbone.View.apply(this, [options]);

};

_.extend(Panel.prototype, Backbone.View.prototype, {

// Panel

のメソッドはすべてここに記述します

sayHi: function() {

console.log('Panel

からこんにちは

');

}

});

Panel.extend = Backbone.View.extend;

// Panel

を継承した子クラスを定義します

var PanelAdvanced = Panel.extend({

initialize: function(options) {

console.log('PanelAdvanced

が初期化されました

');

console.log(this.foo);

}

});

var panelAdvanced = new PanelAdvanced();

//

ログには以下のように記録されます

// Panel

が初期化されました

// PanelAdvanced

が初期化されました

// bar

panelAdvanced.sayHi();

// ...