(promise race) 一文详解Promise.race()方法功能及应用场景 Promise.race() 方法：处理多个Promise的最先解决或拒绝结果全网首发(图文详解1)

(promise race) 一文详解Promise.race()方法功能及应用场景

Promise.race() 方法是一个非常有用的JavaScript功能，它允许您处理多个Promise，但您只关心最先解决或拒绝的Promise。此方法对于在多个异步任务中只需要第一个完成的结果来进行下一步操作时非常有用。

功能介绍

Promise.race(iterable)方法返回一个 promise，它将与iterable中的第一个已解决（无论是解决还是拒绝）的promise具有相同的结果。如果传的迭代为空，则返回的 promise 将永远等待。

应用场景

超时控制：在发出网络请求时，可能不希望无限期地等待响应。可以设置一个超时限制，如果请求在指定时间内没有完成，则认为请求失败。
并行请求，取最快响应：当从多个来源获取数据时，只需要最快的响应，其他请求即便之后完成也不再需要。

如何使用

下面是一个使用Promise.race()的示例，其中包括一个超时场景的应用：

function fetchData(url) {
    return new Promise((resolve, reject) => {
        // 模拟异步数据请求
        setTimeout(() => {
            resolve(`来自${url}的数据`);
        }, Math.random() * 2000); // 随机响应时间
    });
}

function timeout(ms) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            reject(new Error("请求超时"));
        }, ms);
    });
}

Promise.race([fetchData('https://example.com/api/data'), timeout(1000)])
    .then(data => console.log(data))
    .catch(err => console.error(err));