はじめに

Backbone.jsのサンプルアプリケーションのソースを理解していきます。

まずはModelです。

---

var Todo = Backbone.Model.extend({
    defaults: function(){
        return{
            title: "empty todo...",
            order: Todos.nextOrder(),
            done: false
        };
    },

    toggle: function(){
        this.save({done: !this.get("done")});
    }
});

---

コード解説

Todoモデルは３つの属性を持っています。（title、order、done）

defaultsを関数にしているのは、Todoを生成する度に新しいオブジェクトを返すようにするためです。defaultsにオブジェクトを設定した場合は、defaultsが適用された全てのTodoでオブジェクトが共有されます。

toggleはdone属性のtrue/falseを切り替えます。

次はTodoのコレクションを見ていきます。