如何在 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”。 “this”是promise，“funcConfigs”直接返回undefined。

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

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

Answer 1

与user2864740 一致，该问题很可能是由于this 不是您在将show 作为回调调用时所期望的那样。为了使这项工作正常工作，您需要在闭包中捕获正确的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));
}