在前端开发中，我们经常需要进行异步操作，而 async/await 是解决异步编程问题的一个好工具。然而，在某些情况下，我们需要同时执行多个异步操作，并在它们全部完成后返回结果。这时候就需要使用 Promise.race()。而在 async/await 中，我们需要使用另一个工具 racing-for-await-of。
什么是 racing-for-await-of?
racing-for-await-of 是一个针对 Promise 实现的一种迭代语法，用于协调并行执行的异步操作。
racing-for-await-of 包含在 bluebird 或者 Q 中，不过它现在也可以通过 npm 作为单独的包直接安装使用。
如何使用 racing-for-await-of?
首先，我们需要安装 racing-for-await-of。你可以在你的项目中使用 npm 安装：
npm install racing-for-await-of
接下来，我们可以使用 racing-for-await-of 来并发处理一组异步操作。
const p1 = new Promise(resolve => setTimeout(resolve, 1000, 'p1 resolved'))
const p2 = new Promise(resolve => setTimeout(resolve, 2000, 'p2 resolved'))
(async() => {
const result = await Promise.race([p1, p2])
console.log(result) // Output: p1 resolved
})()在上面的示例中，我们使用了 Promise.race() 来同时执行异步操作 p1 和 p2。奇妙之处在于， Promise.race() 不仅返回最快的异步操作结果，你也可以在迭代完成之前取消它。
-- -------------------- ---- ------- ----- -- - --- --------------- -- ------------------- ----- --- ----------- ----- -- - --- --------------- -- ------------------- ----- --- ----------- -------- -- - ----- ------ - ----- ----------------- ---- ------------------- -- ------- -- -------- ---- -- ------ -- --------- --- --- ------ -- ------ -----------
在上面的示例中，我们使用了 async/await 和 Promise.race() 同时执行异步操作 p1 和 p2，并在完成之前取消 p1。
racing-for-await-of 的指导意义
使用 racing-for-await-of 可以让我们更方便的同时处理多个异步操作，并在所有操作都完成后返回结果。这种方式也可以在某些情况下优化性能，把每个并行执行操作都传递给 Promise.race。
此外，了解 racing-for-await-of 还可以让你更好地理解 async/await 以及 JavaScript 中的异步编程思想。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005694c81e8991b448e4cb1