如何在Promise回调中访问实例变量？

Question

假设我有一个基本的哑巴javascript类：

var FunctionX = function(configs) {
this.funcConfigs = configs;
}

FunctionX.prototype.getData = function() {
  return $.get('/url');
}

FunctionX.prototype.show = function(promise) {
  console.log(this.funcConfigs); // <-- this here is the promise itself, I'm looking to get the instance's configs
}

FunctionX.prototype.setup = function() {
  this.GetData().then(show);
}

var f = new FunctionX({ "a": "b" });
f.setup();

现在我在show函数中尝试访问实例变量“funcConfig”。 “这”是承诺，“funcConfigs”直接返回undefined。

我尝试使用.resolveWith(this)解决此问题，但它无法解决此问题。

如何在此范围上下文中访问实例变量？

Answer 1

与user2864740达成user2864740 ，问题很可能是因为当调用show作为回调时， this不是您所期望的。 为了使其正常工作，您需要在闭包中捕获正确的this （例如var that = this; ），并显式调用它。

换一种说法...

FunctionX.prototype.setup = function() {
   var that = this;

   this.getData().then(function () {
      that.show();
   });
}

编辑：为了更清晰的语法（使用underscore.js）：

FunctionX.prototype.setup = function() {
   var that = this;

   this.getData().then(_.bind(this.show, this));
}