浅谈Backbone的defaults

使用Backbone开发也有一段时间了，直到前2周，才发现，之前走的都是弯路，使用的方式都是错的。

不扯了。今天记录一下自己使用Backbone的defaults时需要注意的地方。

用过Backbone的都知道，defaults能节省不少重复的初始化代码段。

var Model = Backbone.Model.extend({
    defaults: {
        str: 'this is string',
        num: 0
    }
});

var a=new Model();
var b=new Model();

然后试试下面的代码

var Model = Backbone.Model.extend({
    defaults: {
        list: [],
        obj: {}
    }
});

var a = new Model();
var b = new Model();

a.get('list').push(1);
a.get('obj')['str'] = 'tihs is string';

console.log("b.attributes", b.attributes);

结果如下

是的，Model b的数据也改了，原因很简单：Array和Object是引用类型。

解决方法：

1，初始化对象时，显式传入初始化的数据

var a = new Model({ list: [], obj: {} });
var b = new Model({ list: [], obj: {} });

2，在Model的initialize方法中设置默认值

var Model = Backbone.Model.extend({
    initialize: function () {
        this.set({
            list: [],
            obj: {}
        });
    }
});

3，修改defaults对象的值，通过function返回

var Model = Backbone.Model.extend({
    defaults: function () {
        return {
            list: [],
            obj: {}
        };
    }
});

看Backbone的Model方法

  var Model = Backbone.Model = function(attributes, options) {
    var attrs = attributes || {};
    options || (options = {});
    this.cid = _.uniqueId('c');
    this.attributes = {};
    if (options.collection) this.collection = options.collection;
    if (options.parse) attrs = this.parse(attrs, options) || {};
    attrs = _.defaults({}, attrs, _.result(this, 'defaults'));
    this.set(attrs, options);
    this.changed = {};
    this.initialize.apply(this, arguments);
  };

重点是：attrs = _.defaults({}, attrs, _.result(this, 'defaults'));

其中的Underscore方法_.result

仅此提醒自己：不要想着看文档就行，无需理会源码。真的不能再偷懒了！