await 实现 js

使用 await 实现 JavaScript 异步操作

await 是 JavaScript 中用于处理异步操作的关键字，通常与 async 函数结合使用。它能够暂停异步函数的执行，直到 Promise 完成并返回结果。

基本语法

在 async 函数内部使用 await 关键字：

async function fetchData() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  return data;
}

错误处理

使用 try...catch 捕获 await 可能抛出的错误：

async function fetchDataWithErrorHandling() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

并行执行多个异步操作

使用 Promise.all 结合 await 实现并行执行：

async function fetchMultipleData() {
  const [userData, productData] = await Promise.all([
    fetch('/api/users').then(res => res.json()),
    fetch('/api/products').then(res => res.json())
  ]);
  return { userData, productData };
}

在顶层使用 await

现代 JavaScript 环境支持在模块的顶层直接使用 await：

const data = await fetchData();
console.log(data);

注意事项

• await 只能在 async 函数或模块顶层使用
• 过度使用顺序 await 可能导致性能问题，应考虑并行执行
• 被 await 的表达式必须返回 Promise