首页 > 代码库 > Backbone学习日记第二集——Model

Backbone学习日记第二集——Model

  看到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