这些 Backbone/Underscore .bind() 方法有什么区别？

Question

window.SomeView = Backbone.View.extrend({
    initialize1: function() {
        _.bindAll(this, 'render');
        this.model.bind('change', this.render);
    },

    initialize2: function() {
        this.model.bind('change', _.bind(this.render, this));
    },

    initialize3: function() {
        _.bind(this.render, this);
        this.model.bind('change', this.render);
    },
});

在一些 SO 成员的帮助下，我能够让我的测试项目使用绑定方法in​​itialize1和initialize2;我不明白的是为什么initialize3不起作用？

文档： _.bind(function, object, [*arguments])

Answer 1

主要有以下三个区别： _.bind 一次仅适用于一种方法，允许柯里化，并且返回 绑定函数（这也意味着您可以在匿名函数上使用 _.bind）：

将函数绑定到对象，这意味着每当调用函数时，this的值将是对象。 （可选）将参数绑定到函数以预先填充它们，也称为柯里化。

而 _.bindAll 一次绑定许多命名方法，不允许柯里化，并将它们绑定到位：

在对象上绑定由methodNames指定的许多方法，以便在调用这些方法时在该对象的上下文中运行。

所以这两段代码大致是等价的：

// Bind methods (not names) one a time.
o.m1 = _.bind(o.m1, o);
o.m2 = _.bind(o.m2, o);

// Bind several named methods at once.
_.bindAll(o, 'm1', 'm2');

但是没有与此等效的 bindAll：

f = _.bind(o, o.m1, 'pancakes');

这使得 f() 与 o.m1('pancakes ') （这是柯里化）。

---

因此，当您这样说时：

_.bindAll(this, 'render');
this.model.bind('change', this.render);

您将方法 render 绑定为具有与当前 this 匹配的 this，然后绑定this.render 到 this.model 上的更改事件。

当你这样说时：

this.model.bind('change', _.bind(this.render, this));

你也在做同样的事情。而这个：

_.bind(this.render, this);
this.model.bind('change', this.render);

不起作用，因为你扔掉了 _.bind 的返回值（即你扔掉了绑定函数）。