前言
异步编程已经成为现代 JavaScript 开发的必备技能, 作为 Promise API 的一部分，Promise.race 是一种竞赛策略，它执行一组 Promise 并在第一个 Promise 解决或拒绝时返回，而不是等待所有 Promise 完成。
Promise.race 用法
Promise.race 接受一个由 Promise 对象组成的数组，然后返回第一个解决或拒绝的 Promise 对象。
Promise.race(iterable);
其中 iterable 是一个 Promise 所组成的可迭代对象，常常是一个数组或一个 Set 等可迭代对象，可迭代对象的每个元素都是 Promise 对象。
Promise.race 示例
在下面的示例中，我们使用 Promise.resolve 和 Promise.reject 创建两个 Promise，让它们随机地完成或拒绝。我们还将通过在 Promise.all 和 Promise.race 调用之间添加延迟来看到其差异。
-- -------------------- ---- -------
----- ----------- - -- -- ------------------------ - ------
----- -------- - -
--- --------------- -- -
------------------- -------------- ------------
---
--- ----------- ------- -- -
------------------ -------------- ------------
--
--
---------------------
----------------- ---------- -- ------------------------ --------- ----------- --------------
------------ -- ------------------------ -------- ---- ------- ------------
----------------------
------------- -- ------------------------- --------- -----------
------------ -- ------------------------- -------- ---- ------- ------------在上面的代码中，我们生成了一个包含两个 Promise 的数组（其中一个是 resolved，一个是 rejected），Promise.all 首先运行，等待所有 Promises 被解决或拒绝，则会同时打印出“Promise.all finished！”和 resolved 和 rejected 值。由于 Promise.race 仅返回最快或最先完成或拒绝的 Promise 对象，因此仅在完成或拒绝时打印“Promise.race finished！”和其值。
Promise.race 学习和指导意义
Promise.race 是一种强大的工具，允许我们编写具有不同形式和逻辑的异步代码，它的使用方法是在我们的应用程序中具有了广泛的使用。
使用 Promise.race 我们可以：
- 执行一组 Promise，而不是等待所有 Promise 完成。
- 将 Promise.race 与 Promise.all 和 Promise.any 一起使用以编写更高效和精简的代码。
- 将 Promise.race 与延迟结合使用以模拟用例，以确保应用程序的表现符合预期。
- 将 Promise.race 用于创建一个 slow timeout，以控制应用程序的响应时间，而不是让多次异步请求无限等待。
结论
Promise.race 是一种很棒的异步编程技巧，可以让我们在遇到异步代码执行顺序问题时，解决这个困难。Promise.race 是异步编程中效率和可靠性工具箱中一个非常重要的工具，它不仅可以帮助开发者更好地掌控异步任务，而且可以在关键场景中大大提高产品性能，提高用户体验。希望这篇文章对您的学习有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67220fd12e7021665e0a25d7