JavaScript 怎样实现并发请求

在现代的Web开发中，经常会遇到需要同时发起多个请求的情况，以提高数据获取的效率和性能。JavaScript提供了多种方式来实现并发请求，下面将介绍一些常见的方法。

一、使用Promise.all

Promise.all 是一种简单而有效的实现并发请求的方式。它接受一个Promise数组作为参数，并返回一个新的Promise。当数组中的所有Promise都成功解决时，新的Promise才会被解决，返回一个包含所有Promise结果的数组。

示例代码如下：

const request1 = () => {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('请求1完成');
    }, 2000);
  });
};

const request2 = () => {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('请求2完成');
    }, 1500);
  });
};

Promise.all([request1(), request2()])
.then((results) => {
    console.log(results);
  });

二、使用async/await结合Promise.all

async/await 是一种更简洁、更易于理解的异步编程方式。结合 Promise.all，可以更方便地实现并发请求。

示例代码如下：

const requestData = async () => {
  const request1Promise = request1();
  const request2Promise = request2();

  const [result1, result2] = await Promise.all([request1Promise, request2Promise]);

  console.log(result1);
  console.log(result2);
};

requestData();

三、使用fetch并发请求

fetch 是一种用于发起HTTP请求的现代API。可以使用 fetch 发起多个并发请求。

示例代码如下：

const urls = ['https://api.example.com/data1', 'https://api.example.com/data2'];

const requests = urls.map((url) => fetch(url));

Promise.all(requests)
.then((responses) => {
    return Promise.all(responses.map((response) => response.json()));
  })
.then((data) => {
    console.log(data);
  });

通过以上方法，可以在JavaScript中实现并发请求，提高数据获取的效率和性能。在实际应用中，可以根据具体需求选择合适的方法。