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)

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

        

  • 相关阅读:
    使用CSS将图片转换成黑白(灰色、置灰)
    require.js
    Tortoisegit安装下载
    谷歌浏览器添加扩展程序
    IOS 照相问题
    java的interface和PHP的区别
    Object中的hashCode方法
    PHP、js、Java中的匿名函数、闭包、回调函数
    Java和PHP中的浅克隆和深克隆
    unicode字符编码中一些专业词汇的全称
  • 原文地址:https://www.cnblogs.com/phoneball/p/4268984.html
Copyright © 2011-2022 走看看