从返回的承诺中设置成员变量

Question

我有一个问题，我觉得它与 javascript 的特性有关。基本上，我正在尝试将成员/类变量设置为来自 promise 的 then 函数。例如：

 this.intuitAuth.authenticate()
      .then(function(oauthObj){
        this.setOauthObj(oauthObj);

        return oauthObj;
      });

其中this.setOauthObj(oauthObj); 设置外部对象的成员变量。现在我想我的问题可能是this 是问题，因为我认为this 指的是then 函数中的函数。所以我的问题是，我怎样才能在一个承诺的then 函数中设置一个成员变量？或者它甚至可能。

我想要完成这个的原因是因为我想在对象的实例中设置这个变量，所以我不必将它作为参数传递给每个方法调用。

Answer 1

函数的 this 关键字 在 JavaScript 中的行为略有不同 与其他语言相比。它之间也有一些区别 strict mode 和非严格模式。

至少有两种方法可以解决问题：

Bind

假设 this.intuitAuth 中使用的 this 是所需的 this，那么您可以将函数范围绑定到它，如下所示：

this.intuitAuth.authenticate()
    .then(function(oauthObj){
        this.setOauthObj(oauthObj);    
        return oauthObj;
     }.bind(this));

保留对所需this 的引用。

var _this = this;
this.intuitAuth.authenticate()
    .then(function(oauthObj){
        _this.setOauthObj(oauthObj);    
        return oauthObj;
     });

现在，其中任何一个都很可能解决您当前的问题。但是您需要了解问题存在的原因，因此您应该阅读更多关于 how the value of this is set in a scope 的信息。