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