扩展 Backbone.js 中模型超类的默认值

Question

我想向 这个答案，但我似乎无法这样做，我很抱歉。

扩展子类的默认值反映在超类中。这似乎违背了目的，我更倾向于在子类中显式列出超类的默认值，以获得我正在寻找的结构。

var Inventory = Backbone.Model.extend({
    defaults: {
        cat: 3,
        dog: 5
    }
});

var ExtendedInventory = Inventory.extend({
});

_.extend(ExtendedInventory.prototype.defaults, {rabbit: 25});

var i = new Inventory();
var ei = new ExtendedInventory();
console.log(i.attributes);
console.log(ei.attributes);

输出：

{cat: 3, dog: 5, rabbit: 25}
{cat: 3, dog: 5, rabbit: 25}

不是我的（我也假设 op）想要：

{cat: 3, dog: 5}
{cat: 3, dog: 5, rabbit: 25}

Answer 1

问题在于 Inventory.prototype.defaults 和 Extended.prototype.defaults 具有相同的引用，因为您尚未覆盖该引用。

所以你可以通过两种方式做到这一点，也许更多，但我只找到了这两种：

编辑： 第一个例子是不正确的（见评论）；请参考第二条。

var ExtendedInventory = Inventory.extend({
    defaults: {
        rabit:25
    }
});

_.extend(ExtendedInventory.prototype.defaults, Inventory.prototype.defaults);

或者

var ExtendedInventory = Inventory.extend({
    defaults: _.extend({},Inventory.prototype.defaults,
         {rabit:25}
    )
});

我认为第一个看起来更干净。

Answer 2

我认为解决这个问题的最好方法是使用 underscore.js 的 _.defaults 方法。这将允许您覆盖模型子类中的默认值：

_.defaults(ExtendedInventory.prototype.defaults, 
           Inventory.prototype.defaults);

请参阅此示例：

http://jsfiddle.net/mattfreer/xLK5D/

Answer 3

作为 JCorcuera 答案的扩展，如果您的基类使用（或可能使用）一个函数来定义默认值，那么这将很好地工作：

   defaults: function() {                                     
     return _.extend( _.result(Slot.prototype, 'defaults'),{  
       kind_id: 6,                                  
       otherthing: 'yello'  
       // add in your extended defaults here                                
   })}                                                      

关键位是在子默认方法和 _.result( ) 文档

Answer 4

我认为你是对的，你想确保 Inventory.prototype.defaults 不会因为将兔子添加到 ExtendedInventory.defaults 而改变。我的原型继承不足以清楚地解释为什么下面的代码有效，但我认为这可以实现您想要的功能。

ExtendedInventory.defaults = {}
_.extend(ExtendedInventory.defaults, ExtendedInventory.prototype.defaults, {rabbit: 25});

关于 _.extend 方法需要记住的重要一点是第一个参数是destination。它从第一个参数之后的参数中获取所有属性，并将它们放入目标参数中。

另一点是 ExtendedInventory.prototype.defaults === Inventory.prototype.defaults 结果为 true，这意味着它们是同一个对象，因此如果您更改 ExtendedInventory 的原型，您就会更改 Inventory 的原型（我不确定为什么尽管它们首先是平等的）。

Answer 5

var MoveToolModel = ToolModel.extend({
    extendDefaults: {
        cursor: 'move'
    },
    initialize: function() {
        ToolModel.prototype.initialize.apply(this, arguments);
        this.defaults = _.extend({}, this.defaults, this.extendDefaults);
    },
    draw: function(canvasContext, data) {
        //drag
    }
});

Answer 6

我认为 underscore.js 没有深入扩展价值观。如果你有一些数组，你应该使用 Jquery $.extend 。您可以在此处尝试一下。

var basemodel = Backbone.Model.extend({
  defaults:{a:{"1":"1","2":4,"4":5},b:2}
}
);

var model1 = basemodel.extend({
    defaults: $.extend(false,basemodel.prototype.defaults,{a:{"1":1,"2":2},b:{"xx":13}})
});


var model2 = basemodel.extend({
    defaults: $.extend(false,basemodel.prototype.defaults,{a:{"1":1,"2":2},z:13})
});



var m1 = new model1();
var m2 = new model2();


alert(JSON.stringify(m1.toJSON()));
alert(JSON.stringify(m2.toJSON()));

另外，您应该给第一个参数“false”才能正确完成工作。真实时，只是相互交错。

Answer 7

另一种方法是使用下划线的 _.extend 函数来完成此操作：

var SuperClass = Backbone.Model.extend({
  baseDefaults: {
    baseProp1: val,
    baseProp2: val2
  }
});

var SubClass = SuperClass.extend({
  defaults: _.extend({
    prop1: val,
    prop2: val2
  }, SuperClass.prototype.baseDefaults)
})