将 Backbone 模型重置为初始默认值的最简单方法？

Question

我的模型已经有一个 defaults 哈希值。当部分视图/页面被重置时，我希望将模型重置回原始默认值。

目前，我明确地将每个属性设置为其默认值。是否有任何内置功能或 JavaScript/Underscore.js/Backbone.js/jQuery 函数可以用来在单个语句中执行此操作？

Answer 1

myModel.clear().set(myModel.defaults);

Answer 2

我想出了以下方法：

reset: function () {
    this.clear({silent: true});
    this.set(this.defaults);
}

在 clear() 调用中使用 {silent: true} 可确保不触发 change 事件；它只会在 set() 调用时触发。

Answer 3

当模型具有非空初始对象属性时，我会执行此操作。

首先，将 defaults 定义为函数

var MyModel = Backbone.Model.extends({

    defaults:function(){

        return {
            AnArrayTypeProp:[]
        };
    }

});

，其次，在需要时将模型重置为默认值

model.clear().set(model.defaults());

Answer 4

基于 saabeilin 的回答和 Backbone 的注释源，我提供了一个最佳函数来满足重置模型的需要。

可重用重置

/**
 * Clears the model's attributes and sets the default attributes.
 * @param  {Object} attrs to overwrite defaults
 * @param  {Object} options  to pass with the "set" call.
 * @return {Backbone.Model}  this object, to chain function calls.
 */
reset: function(attrs, options) {
    // adds default option reset to true
    options = _.extend({ reset: true }, options);

    // ensure default params
    var defaults = _.result(this, 'defaults');
    attrs = _.defaults(_.extend({}, defaults, attrs), defaults);

    // apply
    this.clear({ silent: true }).set(attrs, options);

    // triggers a custom event, namespaced to model in order
    // to avoid collision with collection's native reset event
    // when listening to a collection.
    if (!options.silent) this.trigger('model:reset', this, options);

    return this;
},

以下行确保即使属性作为 undefined { test: undefined } 传递，它仍然具有默认值。

attrs = _.defaults(_.extend({}, defaults, attrs), defaults);

下面是一个示例：

var defaults = { test: 1 }, 
    attrs = { test: undefined };

_.extend({}, defaults, attrs);                       // {test: undefined}
_.defaults(_.extend({}, defaults, attrs), defaults); // {test: 1}

扩展 Backbone

如果您希望将它用于所有 Backbone 模型，您可以扩展 Backbone 本身：

_.extend(Backbone.Model.prototype, {
    reset: function(attributes, options){
        /* ... */
    }
});

^{免责声明：如果您正在编写 JavaScript 库或 Backbone 插件，请不要这样做，因为它可能会这样做与另一个库发生冲突，否则可能会导致与使用您的代码的人预期不同的行为。}

Answer 5

我还考虑过结合使用 model.clear() 和 model.set() 。然后我遇到了问题，我现在触发了 change 事件两次。
调用 model.clear() 时使用 silent 选项不是一个选项，因为我还希望在属性被取消设置。

我最终添加了一个 model.reset() 方法。它采用新的属性哈希，并使用新属性哈希中不存在的旧属性键的未定义值填充该哈希。

Model.prototype.reset = function(attrs, options) {
    for (var key in this.attributes) {
        if (key in attrs) continue;
        attrs[key] = void 0;
    }

    return this.set(attrs, options);
};

通过这种方式，您可以重置模型的旧属性，并为每个旧属性和新属性获取有效的 change 事件。

Answer 6

用新的空模型覆盖当前模型的值怎么样：

myModel = new model(); // default values will be considered

Answer 7

我的解决方案是：

model.clear({silent: true}).set(model.defaults);