5

我有一个基本模型：

myTestModel = Backbone.Model.extend({
    defaults: {
        title: 'My Title',
        config: {},
        active: 1,
    }
})

那里没什么特别的，但是我注意到config选项中的值在实例之间被记住了。例如：

var test1 = new myTestModel();
test1.set('title', 'A New Title');
test1.get('config').screen_name = 'Joe';
alert( test1.get('title') );               // 'A New Title', expected.
alert( test1.get('config').screen_name );  // 'Joe', expected.

var test2 = new myTestModel();
alert( test2.get('title') );               // 'My Title', expected.
alert( test2.get('config').screen_name );  // 'Joe', NOT expected.

那么，为什么在test2, 中screen_name被保存下来test1？我怎样才能防止这种情况发生？

4

1 回答 1

2

您偶然发现了 Javascript 中的一个陷阱，如文档中所述model.defaults：

请记住，在 JavaScript 中，对象是通过引用传递的，因此如果您包含一个对象作为默认值，它将在所有实例之间共享。相反，将默认值定义为函数。

您可以使用函数而不是哈希来设置默认值：

myTestModel = Backbone.Model.extend({
    defaults: function () {
        return {
            title: 'My Title',
            config: {},
            active: 1
        };
    }
});

还有一个演示http://jsfiddle.net/nikoshr/Y7PYj/

于 2013-11-14T17:25:14.500 回答