模型 - Model

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

创建一个模型,也就是创建一个 model ,可以使用 Backbone Model 的 extend 方法。比如我们要做一个记笔记的应用,可能会有的模型就是笔记这个模型,可以使用英文 note 来表示笔记 ...

var Note ,一般这个名字的首字母都是使用大写的,等于 ... Backbone.Model.extend({});

var Note = Backbone.Model.extend({});

这个 Note 就有点像是一个 class ,也就是一个类 ... 它里面已经有了一些定义好的属性还有方法 ... 因为它继承了 Backbone 的 Model ...

在这个 extend 方法里面,我们可以去添加一些属性和方法 ... 这些属性和方法就是基于 Note 这个类创建的对象所拥有的属性和方法 ...

我们可以先去看一下 .. 打开浏览器 ... 用浏览器打开应用的首页 ... 这里我用的是 Chrome ... 再打开它的开发者工具 ... alt + command + J

在这里,我们先去试试,创建一个 note 对象 ... var note1 ... 这个对象的名字叫 note1 ... 等于 new Note() ... 它就是刚才我们创建的那个类 ...

var note1 = new Note;

这个动作就是去实例化一下这个 Note 类 ... 这里的 note1 就是 Note 类的一个实例,或者叫 Note 类的一个对象 ...

再输入 note1 .. 回车 ..

这里会显示目前 note1 这个对象拥有的一些属性还有方法 ... _changing ... 现在它的值是 false .. _pending ... 它的值也是 false ...

这里还有一个 attributes 属性 ... 目前它里面啥也没有 ...

我们给对象添加的属性,都会包含在这个 attributes 属性里面 ... 下面,可以再去试一下给对象添加一些属性 ...

再去创建一个 Note 对象 .... var note2 等于 new Note ... 这里我们在实例化 Note 类的时候,可以给它一些属性 ...

输入一组括号 .. 里面是一个对象 ... 用一组花括号 ... 然后再去定义属性还有对象的值 ... 在笔记里面,可能有的属性,比如标题,内容,作者,创建和修改的日期等等 ... 先添加一个标题属性 ... 可以叫做 title ... 冒号 ... 然后是这个属性对应的值 ... 西红柿炒鸡蛋的做法 ... 再输入一个逗号分隔一下 ... 继续去添加其它的属性 ... created_at ... 用它来表示笔记的创建的日期 ... 它的值可以实例化一下 JavaScript 的 Date 对象 ... 默认它会返回当前的日期和时间 ...

var note2 = new Note({title: '西红柿炒鸡蛋的做法', created_at: new Date()})

再看一下这个 note2 对象 ... 打开它 ... 再打开它的 attributes 属性 ..

你会看到这里会有两个属性 ... created_at ... 表示笔记的创建的日期 ... 另外还有一个 title 属性,它的值就是我们在创建这个对象的时候设置的,西红柿炒鸡蛋的做法。

模型 - Model《 Backbone 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点