在JS并发控制里怎样获取每个请求的结果

在JavaScript开发中，经常会遇到需要同时发起多个请求的场景，这就涉及到并发控制以及如何准确获取每个请求的结果。掌握正确的方法对于提高应用性能和数据处理效率至关重要。

我们来了解一下常见的并发请求方式。在ES6中，Promise.all是一种常用的方法，它可以并发执行多个Promise任务，并在所有任务都完成后返回一个包含所有结果的数组。例如：

const promise1 = fetch('url1');
const promise2 = fetch('url2');
Promise.all([promise1, promise2])
.then(results => {
    console.log(results);
 });

这种方式适用于多个请求之间没有依赖关系的情况。但如果我们想要获取每个请求的具体结果并进行单独处理呢？

我们可以通过遍历请求数组，为每个请求添加相应的处理逻辑。比如：

const urls = ['url1', 'url2', 'url3'];
const requests = urls.map(url => fetch(url));
requests.forEach((request, index) => {
 request.then(response => {
    console.log(`请求${index + 1}的结果：`, response);
 });
});

这样，我们就可以在每个请求完成后获取到其对应的结果并进行处理。

然而，当请求数量较多时，可能会出现资源竞争等问题。这时，我们可以使用async/await结合循环来进行并发控制，限制同时执行的请求数量。

async function getResults() {
 const urls = ['url1', 'url2', 'url3'];
 const limit = 2;
 const results = [];
 for (let i = 0; i < urls.length; i += limit) {
    const batch = urls.slice(i, i + limit);
    const batchResults = await Promise.all(batch.map(url => fetch(url)));
    results.push(...batchResults);
 }
 return results;
}
getResults().then(allResults => console.log(allResults));

通过上述方法，我们可以在控制并发数量的准确获取每个请求的结果。在实际开发中，根据具体的业务需求和场景，选择合适的并发控制和结果获取方式，能够让我们的JavaScript应用更加高效、稳定地运行。