Javascript - 等待多个异步回调返回？

const p1 = fetch('https://example.com/api/v1/user')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

const p2 = fetch('https://example.com/api/v1/product')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

Promise.all([p1, p2])
  .then(values => {
    console.log(values);
  })
  .catch(error => {
    console.error(error);
  });

async function fetchData() {
  try {
    const [p1Response, p2Response] = await Promise.all([
      fetch('https://example.com/api/v1/user'),
      fetch('https://example.com/api/v1/product')
    ]);
    const [user, product] = await Promise.all([
      p1Response.json(),
      p2Response.json()
    ]);
    console.log({ user, product });
  } catch (error) {
    console.error(error);
  }
}

fetchData();