#Backbone学习笔记（一）--模型（model）

最新推荐文章于 2024-07-25 15:04:02 发布

charon____

最新推荐文章于 2024-07-25 15:04:02 发布

阅读量3.7k

点赞数

分类专栏： Backbone 文章标签： backbone web前端

本文链接：https://blog.csdn.net/Lcharon/article/details/50419154

版权

Backbone模型用于存储应用数据和业务逻辑。本文详细介绍了模型的初始化、设置默认值、属性的获取与设置（get和set）、直接访问attributes以及如何监听和验证模型变化。模型的change事件和validate方法在数据更新时起到关键作用。

摘要由CSDN通过智能技术生成

Backbone学习笔记（一）–模型（model）

Backbone模型包含应用程序里的数据以及与数据相关的逻辑。例如，用一个模型来表示一个待处理项（todo item）（如复选框），包含了todo的内容（如复选框的title）和todo的状态（如复选框是否被选中）之类的属性。

可以通过Backbone.Model来创建该模型

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

//创建一个不含任何值的模型实例
var todo1 = new Todo();
console.log(JSON.stringify(todo1))
// 输出 {}

//创建一个包含一些属性的模型实例
var todo2 = new Todo({
    title: 'test',
    checked: true
});
console.log(JSON.tostringify(todo2));
// {"title":"test","checked":true}

1.初始化

创建一个新模型实例的时候，会调用initialize()方法。

var Todo = Backbone.Model.extend({
    initialize:function() {
   
        console.log('This model has been initialized.')
    }
});

var newTodo = new Todo();
//Logs:This model has been initialized.

2.默认值

可以通过使用模型里的defaults属性来设置默认值。

var Todo = Backbone.Model.extend({
    //todo的默认属性值
    defaults: {
        title:'',
        checked: false
    }
});

//创建todo模型实例
var todo1 = new Todo();
console.log(JSON.stringify(todo1));
//{
   {
   "title":"","checked":false}

var todo2 = new Todo({
    title: 'test'
});
console.log(JSON.stringify(todo2));
//{
   "title":"test","checked":false}

var todo3 = new