JavaScript基础教程（五十一）async/await：告别回调地狱！Async/Await让JavaScript异步操作爽到飞起-优快云博客

在Async/Await出现前，JavaScript开发者长期深陷回调地狱和复杂的Promise链中。Async/Await的推出让异步代码拥有了同步代码的可读性，彻底解放了开发者。

基本原理：同步化外观下的异步本质

Async函数总是返回一个Promise对象。当函数执行到await表达式时，会暂停执行，直到等待的Promise变为解决状态，然后继续执行函数剩余部分。

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('获取数据失败:', error);
  }
}

错误处理：更优雅的解决方案

与Promise链的.catch()方法不同，Async/Await允许使用熟悉的try/catch结构处理错误，大大提高了代码可读性。

async function getUserInfo(userId) {
  try {
    const user = await getUser(userId);
    const posts = await getPosts(user.id);
    return { user, posts };
  } catch (error) {
    console.error('获取用户信息失败:', error);
    throw error; // 重新抛出错误以便后续处理
  }
}

并行执行：提升异步操作效率

多个独立的异步操作可以并行执行以提高效率，而不是顺序等待每个操作完成。

async function getDashboardData() {
  const [user, settings, notifications] = await Promise.all([
    getUser(),
    getSettings(),
    getNotifications()
  ]);
  
  return { user, settings, notifications };
}