调用两个承诺并设置两个对象，但第二个被设置为第一个答案

【问题标题】：Calling two promises and setting two objects, yet the second gets set to the first调用两个承诺并设置两个对象，但第二个被设置为第一个
【发布时间】：2017-02-23 14:45:11
【问题描述】：

我有两个函数要一个接一个地执行。一个设置一个对象，下一个根据第一个对象的属性设置另一个对象。出于某种原因，第一个对象设置得很好，我可以在控制台中正确看到第二个对象，但是当我尝试将其设置为我的第二个对象时，它会延迟回第一个对象。

setObject1(){
var self = this;
this.Service.getObject1().then(function(data){
  if(data){
    self.Object1 = data.Data;
    self.setObject2();
  }
});
}

setObject2(){
var self2 = this;
this.Service2.getObject2(this.Object1.HRRef).then(function(sdata){
  if(sdata){
    self2.Object2 = sdata[0];
  }
});
}

我可以在控制台中看到两个对象都很好，但是当我尝试设置 self2.Object2 = sdata[0] 时，它没有设置。

【问题讨论】：

你怎么知道它没有设置好？向我们展示您如何（何时）尝试访问它。
当我将鼠标悬停在控制台中的 sdata[0] 上时，它显示它是 data.Data
我以为你在争论self.Object2？无论如何，您似乎对记录的对象的asynchronous inspection 感到困惑，如果您稍后要对对象进行变异，这并不明显。
它可能正在设置，但您可能在设置之前查看它。请记住，这些是在未来一段时间内完成的异步操作。检查结果的唯一可靠位置是在 .then() 处理程序中。

标签： javascript angular promise

【解决方案1】：

我猜这是this 的问题！

不要使用 function 语法！

使用箭头语法：(data) => {}。

在你的情况下：

setObject1() {
   this.Service.getObject1().then(data => {
      console.log(data);
      if(data){
         this.Object1 = data.Data;
         this.setObject2();
      }
   });
}

setObject2() {
   this.Service2.getObject2(this.Object1.HRRef).then(sdata => {
      console.log(sdata);
      if(sdata) {
         this.Object2 = sdata[0];
      }
   });
}

【讨论】：

他不使用this，而是使用self 变量来避免这个问题。