はじめに

わかりづらいのがMVCなのよね〜。 Model View Collection コレクションってなによ？ まぁ焦らず見ていきましょう・・・・

backbone.jsの最も大きなビジョンは

UIとビジネスロジックの分離です！！

Views

ユーザーインターフェイスのアトミックチャンクです。(原子の細切れ) 要はDOMの方のパーツです。 DOMの方のUI部分を担当します。 これはわかりやすいです。

Model

データとビジネスロジックを持つ。 基本的にはデータベースと同期される。 データのいずれかが変更された場合変更イベントをトリガーする。 それによってデータバインディングとかできるようにする。

Collection

モデルをまとめる。 まとめることでそのモデル群の変更をまとめて処理できる。

Routing

ルーターはURLの変更を感知してモデルやビューに変更を伝えます。

Events

Backboneの根幹となる処理。 任意のオブジェクトにオブサーバーの処理をバインドする。

var object = {};

_.extend(object, Backbone.Events);

object.on("alert", function(msg) {//onはBackboneEventからバインドされたメソッド。
  alert("Triggered " + msg);
});

object.trigger("alert", "an event");//トリガーも