異步/等待內部陣列＃地圖（）

Question

我得到編譯時錯誤使用此代碼：

const someFunction = async (myArray) => { 
    return myArray.map(myValue => { 
     return { 
      id: "my_id", 
      myValue: await service.getByValue(myValue); 
     } 
    }); 
}; 

錯誤消息：

await is a reserved word

爲什麼我不能這樣使用它？

我也試過另一種方式，但它給了我同樣的錯誤：

const someFunction = async (myArray) => { 
    return myArray.map(myValue => { 
     const myNewValue = await service.getByValue(myValue); 
     return { 
      id: "my_id", 
      myValue: myNewValue 
     } 
    }); 
}; 

Answer 1

，你想象一下，你不能這樣做，因爲你不能使用await如果它不是直接的async函數中。

明智的做法是讓這個函數傳遞給map異步。這意味着map將返回一組promise。然後，我們可以使用Promise.all獲得所有承諾返回時的結果。由於Promise.all本身返回承諾，所以外部函數不需要爲async。

const someFunction = (myArray) => { 
    const promises = myArray.map(async (myValue) => { 
     return { 
      id: "my_id", 
      myValue: await service.getByValue(myValue) 
     } 
    }); 
    return Promise.all(promises); 
} 

Answer 2

我相信這是因爲在map功能不異步，所以你不能有在它的等待返回語句。它編譯這個修改：

const someFunction = async (myArray) => { 
    return myArray.map(async (myValue) => { // <-- note the `async` on this line 
     return { 
      id: "my_id", 
      myValue: await service.getByValue(myValue) 
     } 
    }); 
}; 

Try it out in Babel REPL

所以......這是不可能給的建議沒有看到你的應用程序的其餘部分，但是這取決於你想這樣做，要麼讓內功能異步或嘗試爲此塊創建一些不同的體系結構。

更新：我們可能得到頂級等待第一天：https://github.com/MylesBorins/proposal-top-level-await