JavaScript异步编程以Promise为基础抽象,async/await是其语法糖;Promise封装状态(pending/fulfilled/rejected),支持链式调用与并发方法;async/await简化书写与错误处理,二者定位不同、协同使用。
JavaScript 处理异步编程主要靠回调函数、Promise 和 async/await 三种方式,其中 Promise 是基础抽象,async/await 是基于 Promise 的语法糖,让异步代码写起来更像同步代码。
Promise:封装异步操作的状态容器Promise 表示一个异步操作的最终完成(或失败)及其结果值。它有三种状态:pending(进行中)、fulfilled(成功)、rejected(失败),且状态一旦改变就不可逆。
用new Promise((resolve, reject) => {...})创建,内部调用 resolve 或 reject 控制状态流转用.then()处理成功结果,.catch()捕获错误,.finally()无论成败都执行支持链式调用,每个 .then() 返回新 Promise,便于串行异步任务(如:fetch → 解析 → 渲染)
多个 Promise 可用Promise.all()并发执行,Promise.race()响应最快的那个async/await:让 Promise 更易读写的语法糖async 函数自动返回 Promise 对象;await 只能在 async 函数内使用,会暂停执行直到右侧 Promise settle(fulfilled 或 rejected),并解包其值。
async function foo() { return 42; }等价于返回Promise.resolve(42) await promise等价于promise.then(value => value),但写法更直观错误处理统一用try/catch,比 .catch() 更符合直觉(例如:await 可能抛错,直接被 catch 捕获)
不能 await 普通函数或非 Promise 值,但 JavaScript 会自动用 Promise.resolve() 包装关键区别:定位不同,不是替代关系Promise 是对象,是异步操作的“标准契约”;async/await 是语法机制,依赖 Promise 实现。没有 Promise,await 就无从谈起。
Comet AI 浏览器下载 Comet AI 浏览器,体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作,让 AI 成为你的浏览副驾,大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
下载立即学习“Java免费学习笔记(深入)
”;
Promise 更底层,适合构建工具函数(如封装 fetch、重试逻辑、超时控制)
async/await 更高层,适合业务逻辑编写,减少嵌套和 then 链,提升可读性与调试体验错误堆栈:async/await 的报错位置更准确;传统 Promise 链中错误堆栈可能指向 .then 内部兼容性:Promise 在 ES6 支持,async/await 需 ES8(现代浏览器和 Node.
js 10+ 均支持)
实际使用建议不必在两者间强行二选一。推荐组合使用:封装异步能力时写 Promise 工具函数(如 delay(ms)、fetchWithRetry(url))
在业务层用 async/await 调用这些函数,配合 try/catch 处理流程分支避免混合写法:不要在一个 async 函数里大量混用 .then(),会削弱 await 的可读优势注意 await 并发:想并发请求多个接口,别写成 await a(); await b();,而要用 Promise.all([a(), b()])
