javascript - 将多个属性更改绑定到 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);
  }
});