Backbone.js系列一 - Backbone.js初探

Dear 丶 2022-10-09 12:23 160阅读 0赞

日期：2013-9-12  来源：[GBin1.com][]

[![kbone.js系列一 - Backbone.js初探][kbone.js_ - Backbone.js]][kbone.js_ - Backbone.js_kbone.js_ - Backbone.js]

JavaScript在web应用程序开发前端技术和后端技术的逻辑与运行一块占有越来越大的比重.为了帮助维护和循环访问前期逻辑和模块性，MVC模式在近几年中渐渐普及。其中一种运用广泛的MVC框架就是Backbone.js。

![1.jpg][]

## **Backbone中的Models（模型）、Views（视图）和Collection（集合）** ##

Backbone.js包含以下几个主要功能：

1.  *创建模型（以及模型集合）；*
2.  *创建视图；*
3.  *管理绑定，管理事件兼用不同的模型以及视图与框架其他部分的联系；*
4.  *在模型中使用观察者模式，一旦模型触发任何change事件，所有显示此模型数据的视图接受到该change事件通知，从而自动进行事件重新渲染；*
5.  *给DOM处理所依赖的jQuery或Zepto提供支持。*

## **第一部分：模型（Models）** ##

创建模型，首先我们创建一个包含数据的Person对象。

Person = Backbone.Model.extend({
        // Person实例的构造函数
        initialize: function() { 
            console.log('hello world');
        }
    });
    
    var p = new Person();

很简单对吧？现在我们为这个Person对象添加一些参数，提供更多的数据，我们添加了姓名和身高属性。

var p = new Person({name: "Matt", height:'6\'2"'});
    
    console.log(p.get('name'));

如果我们不提供姓名和身高时，这个Person对象的这两个属性会为空，因此，我们现在为Person对象提供默认属性设置。

.........

于是我们就已经完成了包含了模型和视图的可用集合。

这是关于Backbone的MVC介绍，在下一篇中，我们会介绍它的具体用法，希望这对大家有所帮助。有任何问题，可以留言提问~

via [极客标签][Link 1]

###  ###

### 来源：[Backbone.js系列一 - Backbone.js初探][GBin1.com] ###

[GBin1.com]: http://www.gbin1.com/technology/javascript/20130912-backbone-js-part1/
[kbone.js_ - Backbone.js]: http://www.gbin1.com/technology/javascript/20130912-backbone-js-part1/title.jpg
[kbone.js_ - Backbone.js_kbone.js_ - Backbone.js]: http://www.gbin1.com/technology/javascript/20130912-backbone-js-part1/index.html
[1.jpg]: http://www.gbin1.com/technology/javascript/20130912-backbone-js-part1/1.jpg
[Link 1]: http://www.gbtags.com/gb/share/1920.htm