javascript - 在匿名和异步函数上绑定(bind) this 关键字

Question

在 JavaScript 中，我正在寻找一种在匿名和异步函数上使用 bind() 的方法。

例子:

exports.foo = function () {};

exports.foo.prototype = {
  load : function(id) {
    var query = new Parse.Query("SomeObject");
    query.get(id).then(function(object) {
      this.object = object; // this is the wrong this
    });
  }
};

我通过将函数设为非匿名来实现此功能，但我认为这让我的代码看起来很难看。特别是在连续使用 4 个不同的匿名函数之后。

exports.foo = function () {};

exports.foo.prototype = {
  load : function(id) {

    function _load(object) {
      this.object = object;
    }
    var _loadThis = _load.bind(this);

    var query = new Parse.Query("SomeObject");
    query.get(id).then(_loadThis);
  }
};

有没有更好的办法？

Answer 1

嗯，它不一定“更好”，但您可以在函数实例化表达式的右大括号之后直接调用 .bind():

query.get(id).then(function(object) {
  this.object = object; // this is the wrong this
}.bind(this));

一个函数实例化表达式给你一个函数对象引用，所以在它后面放一个 . 并调用 bind 是有意义的。因此，传递给 .then 函数的是调用 .bind 的返回值。