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)

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

        

  • 相关阅读:
    UVA 1025 A Spy in the Metro DP水题
    ZOJ 3814 Sawtooth Puzzle BFS
    ZOJ 3816 Generalized Palindromic Number
    UVA 10859 Placing Lampposts 树形DP
    UVA 11825 Hackers' Crackdown 状压DP
    POJ 2887 Big String 线段树 离线处理
    POJ 1635 Subway tree systems Hash法判断有根树是否同构
    BZOJ 3110 k大数查询 & 树套树
    sdoi 2009 & 状态压缩
    来自于2016.2.24的flag
  • 原文地址:https://www.cnblogs.com/phoneball/p/4268984.html
Copyright © 2011-2022 走看看