异步/等待内部阵列＃地图（）

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