javascript - 从模型中取消绑定(bind) View

Question

这个 jsfiddle ( http://jsfiddle.net/mjmitche/avo5nnus/39/ ) 演示了我遇到的问题，但我会在这里解释。我有一个具有 startInterval 和 stopInterval 函数的主视图。在 startInterval 中，我调用了一个方法，该方法将值添加到我在 startInterval 函数中使用代码 this.model = new myModel() 创建的模型内的统计数据数组。如果我停止然后再次 startInterval(此时代码再次运行 this.model = new myModel()，它仍然是第一次按下 时的同一个数组code>startInterval 按钮。

例如，如果我按下开始，随机数 3 被添加到统计数据数组(在 addToModel 函数中)，然后按下停止，然后再次按下开始，这会添加一个 5对于 stats 数组，该数组实际上有一个 3 和一个 5。如果您按开始和停止，您可以在 jsfiddle 中看到值打印到屏幕上。

在我的实际应用程序中，我尝试过将统计数据数组设置为 [] 但我无法清除它。理想情况下，我希望从模型中取消引用 View 。

startInterval: function(){

    this.model = new myModel();
    this.model.intervalId =            setInterval(this.addToModel.bind(this), 1000);

},

stopInterval: function(){

    clearInterval(this.model.intervalId);
    var modelstats = this.model.get("stats");


},
addToModel: function(){
    var arr = this.model.get("stats");
    var num = Math.floor((Math.random() * 10) + 1);

    var view = new StatView({model: this.model});  

    arr.push(num);
    this.model.set({"stats" : arr });
}

有什么解决方案吗？

虽然我的代码没有显示，但模型最终会被添加到一个集合中，然后保存到数据库中，所以如果唯一的解决方案涉及销毁模型，请考虑到这一点(即有没有办法销毁模型而不将其从集合中删除)

Answer 1

您的“stats”属性通过默认值在原型(prototype)上共享。因为在 javascript 中数组和对象是可变的，所以它引用同一个数组并且不会创建一个新数组。您可以做的是将默认值作为返回默认值的函数 - 这样它们在每个实例中都是唯一的

var myModel = Backbone.Model.extend({

  defaults: function () {
    return {        
      stats: [],
      intervalId: ''

    }
  }

});