javascript - 在异步函数中同时 fetch()，并在 JavaScript 完成后返回

Question

我正在编写一个函数，我希望异步进行 2 次提取，但是，我会等到所有提取完成后再返回函数。

如果我将 await 放在每个 fetch() 前面，那么这 2 个 fetch 将按顺序发出，但如果我没有 await code>，该函数将在所有 2 次获取完成之前返回。

我想知道是否有一个标准的方法可以很好地完成这个功能。这是我的示例代码:

async function sendRequest() {
  fetch(url1);
  fetch(url2);

  return something;
}

Answer 1

使用全部 promise 。它将异步运行所有 promise 并等待所有 promise 完成。

async function sendRequest() {
  try {
     let result = await Promise.all([
        fetch(url1);
        fetch(url2);
     ])
  } catch(err) {
     console.log(err); // TypeError: failed to fetch
  }
  console.log(result);

  return something;
}

注意:如果只有 1 个 Promise 失败，其他所有 Promise 也会失败