码迷,mamicode.com
首页 > 其他好文 > 详细

Backbone学习日记第二集——Model

时间:2015-02-03 00:29:30      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:

  看到Model给我的第一感觉就是实体,以前大学的时候学习.Net 三层架构的时候经常和Model打交道,现在工作中用到ASP.NET MVC中的M也是Model,嗦很自然的就想这个Model和他们之间相连接起来,但是又有些许不同,比如backbone中的Model、controller、View都在同一个文件中,而.net中的M是单独的一个或多个类文件。在backbone中要构建一个Model很简单,只需要继承一下Model就搞定,比如:var model=Backbone.Model.extend();

1  (function($){
2         var model=Backbone.Model.extend({
3             initialize:function(){
4                 console.log("you create a model");
5             }
6         });
7         var man=new model;
8     })(jQuery)

下面来看下怎样向Model中添加属性和方法。

  一、添加属性(2钟方法)

    1.1、直接添加

    

 1  (function($){
 2         var model=Backbone.Model.extend({
 3             initialize:function(){
 4                 console.log("you create a model");
 5             },
 6             defaules:{
 7                 name:‘张全蛋‘,
 8                 age:30
 9             }
10         });
11         var man=new model;
12     })(jQuery)

  直接可以在新建的对象中以数据字典的形式添加属性,这种方式比较适合一般不会有很大变化的属性进行设置。

  1.2、动态追加

    

1 (function($){
2         var model=Backbone.Model.extend({
3             initialize:function(){
4                 console.log("you create a model");
5             }
6         });
7         var man=new model;
8         man.set({name:"张全蛋",age:23});
9     })(jQuery)

  二、添加方法

    其实可以把添加方法当做是添加一个属性,这个属性就是function,也很简单,同样是以护具字典的方式添加:

    

 1  (function($){
 2         var model=Backbone.Model.extend({
 3             initialize:function(){
 4                 console.log("you create a model");
 5             },
 6             defaults:{
 7                 name:"张全蛋",age:23
 8             },
 9             aboutme:function(){
10                 console.log("我的名字是"+this.get("name")+"今年"+this.get("age")+"岁了");
11             }
12         });
13         var man=new model;
14         man.aboutme();
15     })(jQuery)

今天就写到这儿吧,很晚了,洗洗睡了!明晚继续.......................

    

Backbone学习日记第二集——Model

标签:

原文地址:http://www.cnblogs.com/phoneball/p/4268984.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!