什么是J*ascript的异步函数与await？

技术教程
2025-12-14 14:36:50

async/await 是基于 Promise 的语法糖，使异步代码更易读、错误处理更直观；async 函数必返回 Promise，await 只能在 async 函数内使用，用于等待 Promise 完成并自动解包，需用 try/catch 捕获异常。

什么是javascript的异步函数与await？

J*aScript 的异步函数（async function）和 await 是处理异步操作的现代语法糖，它们让原本基于回调或 Promise 链的代码变得更像同步写法，可读性更强、错误处理更直观。

异步函数的本质是返回 Promise 的普通函数

用 async 关键字声明的函数，无论内部是否含异步操作，都会自动返回一个 Promise。如果函数正常返回值，这个值会被包装成 resolved 状态的 Promise；如果抛出错误，则返回 rejected 状态的 Promise。

例如：

async function getValue() {
return 42;
}
getValue().then(console.log); // 输出 42

await 只能在 async 函数内使用，用于等待 Promise 完成

await 会暂停当前 async 函数的执行，直到右侧的 Promise 被 resolve 或 reject。它不是阻塞线程，而是让出执行权，等结果就绪后继续运行后续代码。

立即学习“J*a免费学习笔记（深入）”；

YXPHP6.0 豪华版

YXPHP6系统可以看做是一个模版平台,而且它又能独立工作. 而且YXPHP6系统也不需要数据库支持. 你可以开发自己的模板,也可以同步官方的模板后进行自己的二次开发,前提是您对YXPHP6要有一定的了解.YXPHP6不仅可以用作企业建站,甚至是blog,只要是您能想到的,YXPHP6几乎都可以胜任. 因为YXPHP6系统本身与模板之间可以说是独立运行的.也就是说,不管你做什么样的网站或者是应用,

0 查看详情 YXPHP6.0 豪华版

注意点：

不能在顶层作用域或普通函数中直接用 await
await 后面不一定是 Promise：如果不是，会自动转为已 resolve 的 Promise
如果 await 的 Promise 被 reject，会像 throw 错误一样中断执行，需要用 try/catch 捕获

对比传统 Promise 写法，async/await 更简洁清晰

比如顺序请求两个接口：

// Promise 链写法
fetch('/api/user')
  .then(res => res.json())
  .then(user => fetch(`/api/posts?uid=${user.id}`))
  .then(res => res.json())
  .catch(err => console.error(err));

// async/await 写法
async function loadUserData() {
  try {
    const userRes = await fetch('/api/user');
    const user = await userRes.json();
    const postRes = await fetch(`/api/posts?uid=${user.id}`);
    const posts = await postRes.json();
    return { user, posts };
  } catch (err) {
    console.error('加载失败', err);
  }
}