将多个属性更改绑定到 Backbone.js 模型的正确方法

Question

我有以下代码，其中我将更改绑定到单个属性“attribute_1”。

var Mine = Backbone.Model.extend({
  initialize: function() {
    this.bind("change:attribute_1", function() {
      console.log('changed!');
    });
  }
});

如何绑定两个属性？这不起作用：

var Mine = Backbone.Model.extend({
  initialize: function() {
    this.bind("change:attribute_1, change:attribute_2", function() {
      console.log('changed!');
    });
  }
});

这也不起作用：

var Mine = Backbone.Model.extend({
  initialize: function() {
    this.bind("change:attribute_1 change:attribute_2", function() {
      console.log('changed!');
    });
  }
});

Answer 1

从 Backbone.js 0.9.0 开始，bind() 函数（已 重命名为 on()) 支持以空格分隔的事件列表：

model.on("change:title change:author", ...)

// equivalent to

model.bind("change:title change:author", ...)

Answer 2

我不知道是否存在这样的“批量绑定”功能（您可以为其打开一个功能请求，它似乎很有用）。

您可以单独绑定它们：

var Mine = Backbone.Model.extend({
  initialize: function() {
    var listener = function() { console.log('changed'); };
    this.bind("change:attribute_1", listener);
    this.bind("change:attribute_2", listener);
  }
});

或者您可以监听所有更改（然后在监听器中进行过滤）：

var Mine = Backbone.Model.extend({
  initialize: function() {
    var listener = function() { console.log('changed'); };
    this.bind("change", listener);
  }
});