如何使用 Promise.all() 和 Promise.race()，它们分别适用于什么场景？

Promise.all() 和 Promise.race() 是 ES6 中提供的两个用于处理多个 Promise 的工具函数，它们在处理异步操作时非常有用。

Promise.all()

Promise.all() 接收一个包含多个 Promise 的可迭代对象（如数组），并返回一个新的 Promise。这个新 Promise 在以下情况下会被解析为成功（resolved）：

• 当所有的 Promise 都成功解析时，Promise.all() 返回的 Promise 才会成功解析。
• 如果任何一个 Promise 失败（被拒绝），则 Promise.all() 返回的 Promise 会立即被拒绝，且会以第一个被拒绝 Promise 的错误作为原因。

适用场景：

• 当你有多个独立的异步任务，而且你希望在所有任务都完成后进行一些操作时，使用 Promise.all() 是非常合适的。例如，同时请求多个后端 API，并且只有在所有请求都成功返回数据后才进行页面渲染。
• 另一个常见的用例是并行执行多个异步任务，提高整体执行效率。

示例：

Promise.race()

Promise.race() 同样接收一个包含多个 Promise 的可迭代对象，并返回一个新的 Promise。与 Promise.all() 不同的是，Promise.race() 返回的 Promise 解析为第一个完成的 Promise 的结果或原因。

适用场景：

• 当你有多个异步操作，但只关心最快完成的那一个时，可以使用 Promise.race()。例如，多个网络请求中，只需要最快返回的结果来更新页面状态或显示加载动画。

示例：

在上述示例中，Promise.race() 只会取最先解析的结果（或者最先被拒绝的错误），不再等待其他的 Promise 完成。

总结来说，Promise.all() 适用于并行执行多个任务并等待所有任务完成的场景，而 Promise.race() 适用于需要快速响应的场景，只关心第一个完成的任务。