zoukankan      html  css  js  c++  java
  • 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)

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

        

  • 相关阅读:
    彻底理解同步 异步 阻塞 非阻塞
    Vue2+Hbuilder 开发 H5+App 优雅调试
    Vue2+Hbuilderx打包移动端App的常见问题
    题解 loj 6102 斐波那契的最小公倍数
    题解 hdu 4336 Card Collector
    题解 luogu P3715 [HAOI2015]按位或
    python+appium【第二章-adb命令的使用】
    python+appium【第一章-环境搭建】
    python封装上传图片方法执行时有告警【ResourceWarning: Enable tracemalloc to get the object allocation traceback5】
    python需要上传图片或者上传文件的方法【autoit3】
  • 原文地址:https://www.cnblogs.com/phoneball/p/4268984.html
Copyright © 2011-2022 走看看