摘要：因?yàn)槭且粭l數(shù)據(jù)記錄，也就是說，相當(dāng)于是一個(gè)數(shù)據(jù)集。通常我們需要重載函數(shù)，聲明，以及通過或?yàn)橐晥D指定根元素。通過綁定視圖的函數(shù)到模型的事件模型數(shù)據(jù)會(huì)即時(shí)的顯示在中。實(shí)例屬性參數(shù)以及類屬性參數(shù)會(huì)被直接注冊到集合的構(gòu)造函數(shù)。

對于初學(xué)backbone.js的同學(xué)可以先參考我這篇文章：Backbone.js學(xué)習(xí)筆記（一）

   1:  (function() {

   2:      Backbone.Events        // 自定義事件

   3:      Backbone.Model        // 模型構(gòu)造函數(shù)和原型擴(kuò)展

   4:      Backbone.Collection    // 集合構(gòu)造函數(shù)和原型擴(kuò)展

   5:      Backbone.Router        // 路由配置器構(gòu)造函數(shù)和原型擴(kuò)展

   6:      Backbone.History        // 路由器構(gòu)造函數(shù)和原型擴(kuò)展

   7:      Backbone.View            // 視圖構(gòu)造函數(shù)和原型擴(kuò)展

   8:      Backbone.sync            // 異步請求工具方法

   9:      var extend = function (protoProps, classProps) { ... } // 自擴(kuò)展函數(shù)

  10:      Backbone.Model.extend = Backbone.Collection.extend = Backbone.Router.extend = Backbone.View.extend = extend; // 自擴(kuò)展方法

  11:  }).call(this);

M 模型

業(yè)務(wù)模型：業(yè)務(wù)邏輯、流程、狀態(tài)、規(guī)則
（核心）數(shù)據(jù)模型：業(yè)務(wù)數(shù)據(jù)、數(shù)據(jù)校驗(yàn)、增刪改查（AJAX）

V 視圖

（核心）視圖：定義、管理、配置
模板：定義、配置、管理
組件：定義、配置、管理
（核心）用戶事件配置、管理
用戶輸入校驗(yàn)、配置、管理

C 控制器/分發(fā)器

（核心）事件分發(fā)、模型分發(fā)、視圖分發(fā)
不做數(shù)據(jù)處理、業(yè)務(wù)處理，即業(yè)務(wù)無關(guān)
擴(kuò)展：權(quán)限控制、異常處理等
C是JSMVC框架的核心，實(shí)現(xiàn)集中式配置和管理，可以有多個(gè)控制器

工具庫

主要是異步請求、DOM操作，可以依賴于jQuery等

來源：http://www.cnblogs.com/nuysoft/archive/2012/03/14/2395272.html

Model指的是一條一條的數(shù)據(jù)，而集合Collection指的是對Model中的多條數(shù)據(jù)進(jìn)行管理。

我們用Backbone.Model表示應(yīng)用中所有數(shù)據(jù)，models中的數(shù)據(jù)可以創(chuàng)建、校驗(yàn)、銷毀和保存到服務(wù)端。

1、直接定義，設(shè)置默認(rèn)值

 Trigkit = Backbone.Model.extend({
             initialize : function () {
                 alert("hi!");
             },
             defaults:{
                 age : "22",
                 profession : "coder"
             }
         });
        var coder = new Trigkit;
        alert(coder.get("age"));//22

2、 賦值時(shí)定義

當(dāng)模型實(shí)例化時(shí)，他的initialize方法可以接受任意實(shí)例參數(shù)，其工作原理是backbone模型本身就是構(gòu)造函數(shù)，所以可以使用new生成實(shí)例：

var User = Backbone.Model.extend({
    initialize: function (name) {
        this.set({name: name});
    }
});
var user = new User("trigkit4");
alert(user.get("name"), "trigkit4");//trigkit4

看下backbone的源碼：

var Model = Backbone.Model = function(attributes, options) {
    var attrs = attributes || {};
    options || (options = {});
    this.cid = _.uniqueId("c");
    this.attributes = {};
    if (options.collection) this.collection = options.collection;
    if (options.parse) attrs = this.parse(attrs, options) || {};
    attrs = _.defaults({}, attrs, _.result(this, "defaults"));
    this.set(attrs, options);
    this.changed = {};
    this.initialize.apply(this, arguments);
  };

 initialize: function(){},//initialize是默認(rèn)的空函數(shù)

為了能及時(shí)更新view，我們需要通過事件綁定機(jī)制來處理和響應(yīng)用戶事件：

關(guān)于事件綁定，有on，off,trigger，once，listenTo，stopListening，listenToOnce等方法，具體參照：http://documentcloud.github.io/backbone/#Events

Backbone.Collection就是一個(gè)Model對象的有序集合。因?yàn)?b>Model是一條數(shù)據(jù)記錄，也就是說，Collection相當(dāng)于是一個(gè)數(shù)據(jù)集。具有增加元素，刪除元素，獲取長度，排序，比較等一系列工具方法，說白了就是一個(gè)保存models的集合類。

collection.model覆蓋此屬性來指定集合中包含的模型類?？梢詡魅朐紝傩詫ο螅ê蛿?shù)組）來 add, create,和 reset，傳入的屬性會(huì)被自動(dòng)轉(zhuǎn)換為適合的模型類型。

Backbone.View中可以綁定dom元素和客戶端事件。頁面中的html就是通過views的render方法渲染出來的，當(dāng)新建一個(gè)view的時(shí)候通過要傳進(jìn)一個(gè)model作為數(shù)據(jù)

view.$el:一個(gè)視圖元素的緩存jQuery對象。 一個(gè)簡單的引用，而不是重新包裝的DOM元素。 

elview.el所有的視圖都擁有一個(gè) DOM 元素（el 屬性），即使該元素仍未插入頁面中去。 視圖可以在任何時(shí)候渲染，然后一次性插入 DOM 中去，這樣能盡量減少 reflows 和 repaints 從而獲得高性能的 UI 渲染。 this.el 可以從視圖的 tagName, className, id 和 attributes 創(chuàng)建，如果都未指定，el 會(huì)是一個(gè)空 div。 --官網(wǎng)

模型、集合、視圖、路由器都有一個(gè)extend方法，用于擴(kuò)展原型屬性和靜態(tài)屬性，創(chuàng)建自定義的模型、集合、視圖、路由器類。

Backbone.Model.extend(properties, [classProperties])

要?jiǎng)?chuàng)建自己的 Model 類，你可以擴(kuò)展 Backbone.Model 并提供實(shí)例 properties(屬性) ， 以及可選的可以直接注冊到構(gòu)造函數(shù)的classProperties(類屬性)。

Backbone.View.extend(properties, [classProperties])

開始創(chuàng)建自定義的視圖類。 通常我們需要重載 render 函數(shù)，聲明 events， 以及通過 tagName, className, 或 id 為視圖指定根元素。 Backbone.View通過綁定視圖的 render 函數(shù)到模型的 "change" 事件 — 模型數(shù)據(jù)會(huì)即時(shí)的顯示在 UI 中。

Backbone.Collection.extend(properties, [classProperties])

通過擴(kuò)展 Backbone.Collection 創(chuàng)建一個(gè) Collection 類。實(shí)例屬性參數(shù) properties 以及 類屬性參數(shù) classProperties 會(huì)被直接注冊到集合的構(gòu)造函數(shù)。

Backbone.Router.extend(properties, [classProperties])

開始創(chuàng)建一個(gè)自定義的路由類。當(dāng)匹配了 URL 片段便執(zhí)行定義的動(dòng)作，并可以通過 routes 定義路由動(dòng)作鍵值對。

controller是Backbone 0.5以前的叫法，現(xiàn)在改名叫Router了。

Backbone.Router 為客戶端路由提供了許多方法，并能連接到指定的動(dòng)作（actions）和事件（events）。
頁面加載期間，當(dāng)應(yīng)用已經(jīng)創(chuàng)建了所有的路由，需要調(diào)用 Backbone.history.start()

查看下面示例：

在瀏覽器里打開頁面后，在url的html后面依次加上：

#/index
#/task/1
#/test/xxxx

將分別彈出出：index, 1, test/xxxx

這就是Router的功能。

  
backbone github官網(wǎng)：http://documentcloud.github.io/backbone/