J*aScript异步模式_async/await原理_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

J*aScript异步模式_async/await原理

2025-11-23

浏览次数：次

返回列表

async/await是基于Promise的语法糖，async函数自动返回Promise，await暂停执行并等待Promise完成，通过try/catch捕获错误，底层类似Generator与自动执行器，提升异步代码可读性。

javascript异步模式_async/await原理

async/await 是 J*aScript 中处理异步操作的一种语法糖，它建立在 Promise 的基础上，让异步代码看起来更像同步代码，提升可读性和可维护性。

async 函数的本质

async 关键字用于声明一个函数是异步的。当一个函数被标记为 async 时，它会自动返回一个 Promise 对象。

即使函数中没有显式返回 Promise，J*aScript 也会将其返回值包装成已解决（resolved）的 Promise。

例如：

async function getData() { return "hello"; }

调用 getData() 实际上返回的是 Promise.resolve("hello")。

await 的工作机制

await 只能在 async 函数内部使用，它的作用是暂停函数的执行，直到右侧的 Promise 被解决或拒绝。

J*aScript 引擎并不会阻塞整个线程，而是将控制权交还给事件循环，等 Promise 完成后再恢复执行。

Avatar AI

AI成像模型，可以从你的照片中生成逼真的4K头像

92 查看详情 Avatar AI

await 的处理流程如下：

遇到 await，检查右侧表达式
如果表达式不是 Promise，则立即转为 resolved 的 Promise
如果是 Promise，则等待其状态变更
Promise 成功时，恢复函数执行，并将 resolve 值赋给 await 表达式
Promise 失败时，抛出异常，可通过 try/catch 捕获

错误处理机制

由于 await 会让 Promise 的 reject 表现为异常，因此推荐使用 try/catch 来捕获错误。

示例：

    async function fetchData() {<br>
      try {<br>
        const res = await fetch('/api/data');<br>
        const data = await res.json();<br>
        return data;<br>
      } catch (err) {<br>
        console.error('请求失败:', err);<br>
      }<br>
    }

这比链式 .then().catch() 更直观，尤其在多个异步步骤中。