Typescript - 从ForEach（）中重复调用函数导致未定义

Question

我试图遍历由对象组成的对象，其中每个对象的一个​​属性用于进行服务调用。

这很好，当我尝试这样做一次，我可以控制台注销从成功的服务调用返回的数据，但是当我尝试使用forEach（）为父对象中的每个对象重复此过程我收到错误“Can not read property'host'of undefined”。

有人可以解释我失踪了吗？

这是一个什么样的例子我的代码看起来像现在：

getItemParametersCallback(data){ 
    ... 
    // Parent Object made of Objects 
    // data is returned by a service call 
    this.parentObject = data.json(); 

    // Iterate through the objects of the parentObject 
    const parentObjectItems = Object.keys(this.parentObject); 

    parentObjectItems.forEach(key => { 
     // I can add an if to limit this to being called once, 
     // like if(key === 'apple')... and it works fine 
     this.ItemService.getItem(this.getItemCallback.bind(this), 
      this.parentObject[key]); 
    }); 
} 

// Console log out the data returned 
getItemCallback(data){ 
    console.log(data); 
} 

Answer 1

从代码：

this.parentObject = data.json(); 

// Iterate through the objects of the parentObject 
const parentObjectItems = Object.keys(this.parentObject); 

的data.json/.json方法返回一个承诺。所以Object.keys(this.parentObject)是错误的。

解决方案

使用.then或async/await解开延续。

更多

• 承诺：https://basarat.gitbooks.io/typescript/docs/promise.html
• 异步/等待：https://basarat.gitbooks.io/typescript/docs/async-await.html