为什么我的javascript Backbone.js模型与父类共享相同的“实例”？

问题描述

| 编辑：固定我的示例来演示该行为。 我希望AbstractParent的“ 0”属性成为我所谓的“实例属性”，但它的作用更像是“静态属性”。我意识到这些术语不适用于javascript，所以为什么当我创建一个新的子类时，它没有得到自己独特的AbstractParent原型？他们为什么共享同一个人？ 在下面的代码中，我希望收到一个空警报，但会收到“新详细信息”

var AbstractParent = Backbone.Model.extend({
  details: [],addDetail: function(detail) {
    this.details.push(detail);
  },getDetails: function() {
    var rtn = \'\';
    for(var i=0;i<this.details.length;i++) {
      rtn += this.details[i];
    }
    return rtn;
  }
});

var Child = AbstractParent.extend({});

var ch1 = new Child;
ch1.addDetail(\"new details\");
var ch2 = new Child;

alert(ch2.getDetails()); // => \'new details\'

这似乎仅在

details

是数组时才起作用。如果它是字符串或对象，则

ch1

和

ch2

不会共享它。     

解决方法

好的，我知道了这个问题。我原始问题的代码不准确，所以我向其他回答者表示歉意（在我所提供的代码范围内，它们是正确的）。 解决方案在这里描述： 原型为数组的Javascript对象成员将由所有类实例共享 基本上，两个Child实例都共享相同的AbstractParent函数作为其原型，这一事实意味着更改AbstractParent中的任何内容都将反映在两个孩子的原型中。 它仅在使用数组时才显示出来的原因是因为我在原型中初始化了该数组，然后只是对其进行了更改，而不是在

addDetail

函数中覆盖了它。当我使用对象或字符串作为属性名称并进行赋值时，函数调用时上下文中的ѭ6属于Child实例，因此在AbstractParent函数中执行ѭ7实际上是将其附加到Child实例。而是不在AbstractParent中。我以为每个Child实例都会有自己的AbstractParent原型实例，并且当我访问this.name时，它不会在Child上找到它，而是转到

this.prototype.name

。 在我的问题代码中，我可以通过向AbstractParent添加一个an9ѭ函数来实例化details数组来解决此问题。但是，如果我要向Child中添加一个

initialize

函数，而没有在其中调用父构造函数，那么我将遇到与以前相同的问题。     ,您已经为基础AbstractParent分配了一个名称属性（或对象），并且定义了两个从此基础扩展的对象。这样，每个人都独立拥有此名称对象，尽管它们默认为基数中分配的值。 在您的代码中，尽管您已将ch1.name分配给\'Billy \'，但您并没有做任何更改ch2的name值的操作。我认为您的代码示例实际上是错误的。警报显示的值应为“默认名称”。 您能否在浏览器中加载ribs.js，然后转到调试器控制台，然后再次输入上述语句？如果这样做，我想您会发现您期望的行为。     ,您是说更改ch1.name时也会更改ch2.name吗？我运行了您的确切代码，但没有得到该结果。 ch2.name仍为“默认名称”。 当寻找name属性时，我的浏览器在设置ch1.name = \“ Billy \”之后采取了以下路线： ch1 Inherits.child（您的ch1实例） 名称：“比利” 通道2 Inherits.child（您的ch2实例） __proto __（您的SecondChild原型） __proto __（您的AbstractParent原型） 名称：\“默认名称\” 打开调试控制台，可以是Firefox中的Firebug或Chrome中的Developer Tools / Javascript控制台。