async实现 Promise.all示列

async和Promise.all是JavaScript中处理异步操作的重要工具。

`async`是一个关键字，用于声明一个函数是异步的。当你在一个`async`函数内部使用`await`关键字时，会暂停该函数的执行直到所等待的Promise解析或拒绝。这让开发者能够以更直观的方式编写和管理异步代码，避免了回调地狱的问题。

`Promise.all()`是一个静态方法，接收一个Promise数组作为参数，返回一个新的Promise。这个新Promise会在所有传入的Promise都成功解析后才会变成解析状态，其结果是一个包含每个Promise解析值的新数组。如果任何一个Promise被拒绝，`Promise.all()`会立即变为拒绝状态，并且会传递第一个被拒绝Promise的原因。

例如：

function getData(url) {
  return new Promise((resolve, reject) => {
    fetch(url)
      .then(response => response.json())
      .then(data => resolve(data))
      .catch(error => reject(error));
  });
}

const urls = ['url1', 'url2', 'url3'];

async function fetchData() {
  try {
    const [data1, data2, data3] = await Promise.all(urls.map(getData)); // 等待所有请求完成
    console.log('All data fetched:', { data1, data2, data3 });
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

fetchData(); // 异步获取并处理数据

在这个例子中，`fetchData`函数会并发地从给定URLs获取数据，并在所有数据都准备好后一次性打印出来。如果有任一请求失败，整个操作都会立即停止并显示错误信息。