带有 ES6 / Bluebird 承诺的对象方法

Question

我在带有harmony 标志的 Windows 上使用 node v0.11.14-nightly-20140819-pre。

我的 JavaScript 对象在其原型中定义了两个方法：

function User (args) {
    this.service= new Service(args);
}

User.prototype.method2 = function (response) {
    console.log(this); // <= UNDEFINED!!!!
};

User.prototype.method1 = function () {
    .............
    this.service.serviceMethod(args)
        .then(this.method2)
        .catch(onRejected);
};

function onRejected(val) {
    console.log(val);
}

serviceMethod 的 Service 对象返回一个承诺。

当我使用User 对象时，如下所示：

let user = new User(args);
user.method1();

method2 对象 User 中的this 在被 then 调用时，一旦实现承诺，就会结束 undefined。

我尝试同时使用 ES6 和 Bluebird 承诺实现。

在这种情况下，为什么 this 最终会变成 undefined？

Answer 1

在这种情况下，为什么 this 最终会变成 undefined？

因为您传递的是函数，而不是方法绑定到实例。这个问题甚至不是特定于承诺的，请参阅How to access the correct `this` context inside a callback? 以获得通用解决方案：

….then(this.method2.bind(this))… // ES5 .bind() Function method

….then((r) => this.method2(r))… // ES6 arrow function

但是，Bluebird does offer 将函数作为方法调用的另一种方式：

this.service.serviceMethod(args)
    .bind(this)
    .then(this.method2)
    .catch(onRejected);

Answer 2

我应该补充一点，这是一个通用的 Javascript 问题，也可以使用普通的 javascript 功能来解决。例如，您也可以这样做：

User.prototype.method1 = function () {
    .............
    this.service.serviceMethod(args)
        .then(this.method2.bind(this))
        .catch(onRejected);
};

这使用了Function.prototype.bind()，它内置在 Javascript 中并出现在每个函数中。这将创建一个函数存根（这是传递给.then() 的内容，并且该存根将在调用method2() 之前自动重新附加所需的this 值。