当前位置：首页 > 文章列表 > 文章 > 前端 > AsyncAwait是什么？如何简化异步代码？

AsyncAwait是什么？如何简化异步代码？

2026-01-18 08:06:38 0浏览收藏

积累知识，胜过积蓄金银！毕竟在文章开发的过程中，会遇到各种各样的问题，往往都是一些细节知识点还没有掌握好而导致的，因此基础知识点的积累是很重要的。下面本文《Async Await 是什么？如何简化异步代码？》，就带大家讲解一下知识点，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

Async/await 是 JavaScript 中基于 Promise 的异步语法糖，使异步代码更直观；async 函数自动返回 Promise，await 暂停函数执行以等待 Promise 结果，支持 try/catch 统一错误处理，并可通过 Promise.all 实现并行请求。

什么是Async_Await_它如何简化异步代码

Async/await 是 JavaScript 中处理异步操作的语法糖，它让基于 Promise 的异步代码写起来像同步代码一样直观，大幅降低回调嵌套和 Promise 链式调用带来的复杂度。

Async/await 的基本用法

async 关键字用于声明一个函数是异步的，它会自动把返回值包装成 Promise；await 关键字只能在 async 函数内部使用，用于“等待”一个 Promise 被兑现（fulfilled 或 rejected），并获取其结果。

async 函数总是返回 Promise，即使你 return 一个普通值，也会被自动 resolve
await 后面可以跟 Promise、任意值（非 Promise 会被立即 resolve）或另一个 async 函数调用
await 会让 JS 引擎暂停当前 async 函数的执行（不阻塞主线程），等 Promise settled 后再继续

对比传统 Promise 写法

比如发起一个 API 请求：

用 Promise 链写：

fetch('/api/user')
  .then(res => res.json())
  .then(data => console.log(data))
  .catch(err => console.error(err));

用 async/await 写：

async function getUser() {
  try {
    const res = await fetch('/api/user');
    const data = await res.json();
    console.log(data);
  } catch (err) {
    console.error(err);
  }
}

结构更线性，错误处理统一用 try/catch，逻辑更贴近自然阅读顺序。