javascript，promise，如何在 then 范围内访问变量 this [重复]

Question

我希望能够在 .then 范围内调用函数，为此我使用 this.foo() 方式。但是，如果我在 .then 中执行此操作，则会出现错误，因为 this 似乎丢失了。我能做什么？

在这段代码中，这相当于对象 this

具有相同的输出

console.log(this)
one().then(function() {
  console.log(this)
})

function one() {
  var deferred = $q.defer();
  deferred.resolve()
  return deferred.promise;
}

这似乎都不起作用

console.log(this)
var a = this;
one().then(function(a) {
  console.log(a)
})

Answer 1

您的第二个代码示例是正确的方法。因为新函数的作用域发生了变化，this 也发生了变化，所以在函数之外引用this 是对的。

失败的原因是函数使用的是您传递给函数的a，而不是您在函数外部定义的全局a。

换句话说：

var a = this;

one().then(function () {
  console.log(a)
});

更新：使用箭头函数 - 它们从外部范围借用上下文 (this)。

function two() {
  console.log('Done');
}

one().then(() => {
  this.two();
});

function one() {
  return new Promise(res => {
    setTimeout(() => res(), 2000);
  });
}