【问题标题】:Declaring variables on a backbone model without setting defaults在骨干模型上声明变量而不设置默认值
【发布时间】:2013-05-01 10:38:07
【问题描述】:

我刚开始使用backbone.js,我正在寻找一种在模型上声明字段而不必提供默认值的方法。真的只是供参考,这样当我开始创建实例的时候,就可以看到需要初始化哪些字段了。

我会用 java 之类的东西来写

public class CartLine{
    StockItem stockItem;
    int quantity;

    public int getPrice(){
        return stockItem.getPrice() * quantity;
    }

    public int getStockID(){
        //
    }
}

但是对于主干模型,我引用了我的方法中的字段,但实际上并没有声明它们 - 看起来我可以轻松创建一个不包含 stockItem 属性的 CartLine 对象或quantity 属性。声明对象时不提字段感觉很奇怪。特别是因为对象应该代表服务器上的实体。

var CartLine = Backbone.Model.extend({

  getStockID: function(){
    return this.stockItem.id;
  },

  getTotalPrice: function() {
    return this.quantity * this.StockItem.get('price');
  }
});

我想我可以通过使用 validate 添加某种引用 -

CartLine.validate = function(attrs){
  if (!(attrs.stockItem instanceof StockItem)){
    return "No Valid StockItem set";
  }
  if (typeof attrs.quantity !== 'number'){
    return "No quantity set";
  }
}

但我的问题是 - 我错过了什么吗?这有既定的模式吗?

【问题讨论】:

  • Jsdoc/cmets?如果我不只是将默认值设置为 null,那么我会使用它。
  • 模型保存给定资源的 URL,您可以根据需要构建请求数据。为什么要声明没有默认值的变量?无论如何,您可以声明变量,例如在 javascript“类”中声明私有或公共变量

标签: javascript backbone.js


【解决方案1】:

defaults 真正用于“字段”或作为 json 的一部分从服务器来回传输的数据。

如果您只想创建一些成员变量作为模型的一部分,它们是专有的并且不会来回发送到服务器,那么您可以在 a) 对象本身或 b) 在initialize 方法(在构造过程中调用),它们可以作为 opts 的一部分传入:

var Widget = Backbone.Model.extend({

    widgetCount: 0,

    defaults: {
        id: null,
        name: null
    }

    initialize: function(attr, opts) {
       // attr contains the "fields" set on the model
       // opts contains anything passed in after attr
       // so we can do things like this
       if( opts && opts.widgetCount ) {
          this.widgetCount = opts.widgetCount;
       }
    }
});

var widget = new Widget({name: 'the blue one'}, {widgetCount: 20});

请记住,如果您在类上声明对象或数组,它们本质上是常量,更改它们将修改所有实例:

var Widget = Backbone.Model.extend({

    someOpts: { one: 1, two: 2},

    initialize: function(attr, opts) {
       // this is probably not going to do what you want because it will
       // modify `someOpts` for all Widget instances.
       this.someOpts.one = opts.one; 
    }
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-05
    • 1970-01-01
    相关资源
    最近更新 更多