不能将原型函数放入 Promise 解析？ [复制]

Question

使用 Node.js 的 Q library，当我尝试在 promise 中将对象原型函数传递给 .then 解析器时，它会丢失 this 的上下文：

Foo.prototype.outsideResolve = function() {
    var that = this;
    return q.Promise(function(resolve, reject) {
        console.log(that); // {data: "foo"}
        resolve();
    });
};

Foo.prototype.insideResolve = function() {
    var that = this;
    return q.Promise(function(resolve, reject) {
        console.log(that); // undefined
        resolve();
    });
};

Foo.prototype.async = function() {
    var foo = this;

    return q.Promise(function(resolve, reject) {
        foo.outsideResolve()
            .then(foo.insideResolve)
            .then(resolve)
            .fail(reject)
            .done();
    });
};

为什么会这样？这是预期的行为吗？你不应该能够在承诺解析中调用原型函数吗？有没有办法解决这个问题？

Answer 1

this 不是静态的。它可以根据调用 this 的函数而改变。在某些情况下，这可能是您刚刚在其上调用 new 的对象，但在这种情况下，它不是。

当您从承诺链到达foo.insideResolve 时，ThisBinding 将丢失。为了解决这个问题，您可以使用 Function.prototype.bind 方法，该方法接受可变数量的参数 - 第一个参数是您要绑定要使用的函数的 this 上下文，其他参数是部分应用的参数。 bind 函数返回一个函数，该函数在调用时会将 this 和参数传递给原始函数。

简而言之：

使用foo.insideResolve.bind(foo) 而不是foo.insideResolve。