Backbone.js:模型继承导致共享数据

时间:2012-04-23 00:43:22

标签: javascript backbone.js prototypal-inheritance

过去两天我一直在敲打这个。由于某种原因,骨干是在继承的子模型之间共享父实例数据。下面是一个例子:

var Base = Backbone.Model.extend({

  index : []

});

var Group = Base.extend({

  initialize : function() {
    this.index.push('from group');
  }

});


var User = Base.extend({

  initialize : function() {
    this.index.push('from user');
  }

});


var user = new User();
console.log(user.index); // ['from user']


var group = new Group();
console.log(group.index) // ['from user', 'from group']

我正在寻找的是:

console.log(user.index); // ['from user']
console.log(group.index) // ['from group']

任何见解?

谢谢! 马特

2 个答案:

答案 0 :(得分:14)

您所经历的实质上是JS通过引用而不是通过值传递对象(或数组)的方式的副产品。如果您希望用户和组的索引不同,只需在初始化函数中将其实例化为数组。

var Base = Backbone.Model.extend({

initialize: function() {
  this.index = [];
}


});

答案 1 :(得分:6)

索引成员就像一个类变量,因为它位于Base的原型链中,因此所有实例共享它,就像它包含的方法一样。尝试切换实例化用户和组的顺序。现在索引包含什么?它反过来了吗?那是因为他们正在分享传递给对象的所有内容。

为了使它成为一个实例变量,你需要在Base的构造函数中实例化它,并让每个子类从它们各自的构造函数中调用该构造函数。像:

var Base = Backbone.Model.extend({
    initialize: function() {
       this.index = [];
    }
});

var User = Base.extend({
    initialize: function() {
        Base.prototype.initialize.call( this );
        this.index.push('User');
    }
});

// repeat it for group.