Promise对象是什么及如何处理异步操作
今天golang学习网给大家带来了《Promise对象是什么及异步处理方法》,其中涉及到的知识点包括等等,无论你是小白还是老手,都适合看一看哦~有好的建议也欢迎大家在评论留言,若是看完有所收获,也希望大家能多多点赞支持呀!一起加油学习~
Promise 是 JavaScript 处理异步操作的标准对象,代表未来完成或失败的操作,具有 pending、fulfilled、rejected 三种不可逆状态,支持链式调用与错误传递,并提供 Promise.all()、race()、allSettled() 等静态方法协调多个异步任务。

Promise 是 JavaScript 中处理异步操作的标准化对象,它代表一个**尚未完成但将来会完成(或失败)的操作**,让你能以更清晰、可链式的方式管理异步流程,避免“回调地狱”。
Promise 的三种状态
每个 Promise 实例始终处于以下一种状态:
- pending(进行中):初始状态,既没成功也没失败
- fulfilled(已成功):操作成功完成,触发
.then() - rejected(已失败):操作出错,触发
.catch()或.then(null, handler)
状态一旦改变(pending → fulfilled 或 pending → rejected),就不可逆,也不会再变。
创建和使用 Promise
用 new Promise() 构造器创建,接收一个执行器函数(executor),它有两个参数:resolve 和 reject:
const fetchData = new Promise((resolve, reject) => {
setTimeout(() => {
const success = Math.random() > 0.3;
if (success) {
resolve("数据获取成功");
} else {
reject(new Error("网络请求失败"));
}
}, 1000);
});
后续通过 .then() 处理成功结果,.catch() 捕获错误:
fetchData .then(data => console.log(data)) .catch(err => console.error(err.message));
Promise 链式调用与错误传递
.then() 和 .catch() 都返回新的 Promise,因此支持链式写法。关键点:
- 每个
.then()的返回值(非 Promise)会自动包装成 resolved Promise - 若
.then()中抛错或返回被 reject 的 Promise,后续.catch()会捕获 .catch()会捕获前面所有环节的错误(包括上层.then()中的异常)
例如:
Promise.resolve(1)
.then(x => x + 1) // → 2
.then(x => { throw "出错了" })
.catch(err => console.log(err)) // 打印 "出错了"
常用静态方法:Promise.all()、Promise.race()、Promise.allSettled()
它们用于协调多个 Promise:
Promise.all([p1, p2, p3]):全部成功才 resolve(按顺序返回结果),任一 reject 则立即 rejectPromise.race([p1, p2, p3]):谁先改变状态,就采用谁的结果(成功或失败)Promise.allSettled([p1, p2, p3]):等所有 Promise 结束(无论成败),返回每个结果的状态对象
适合批量请求、超时控制、容错聚合等场景。
基本上就这些。掌握 Promise 的状态机制、链式逻辑和常用工具方法,就能稳妥处理大多数异步任务。现代开发中,配合 async/await(本质是 Promise 语法糖)使用,代码更接近同步风格,可读性更强。
文中关于的知识介绍,希望对你的学习有所帮助!若是受益匪浅,那就动动鼠标收藏这篇《Promise对象是什么及如何处理异步操作》文章吧,也可关注golang学习网公众号了解相关技术文章。
Java中this关键字的用法详解
- 上一篇
- Java中this关键字的用法详解
- 下一篇
- AI生成书封面,提升亚马逊销量秘诀
-
- 文章 · 前端 | 14小时前 | js语法教程
- JSSet集合使用与去重技巧详解
- 350浏览 收藏
-
- 文章 · 前端 | 14小时前 |
- HTML5离线缓存清除方法大全
- 462浏览 收藏
-
- 文章 · 前端 | 14小时前 |
- HTML编码如何避免乱码问题
- 235浏览 收藏
-
- 文章 · 前端 | 14小时前 |
- HTMLaddress标签使用方法详解
- 309浏览 收藏
-
- 文章 · 前端 | 14小时前 |
- 发布订阅模式消息队列原理与实现解析
- 135浏览 收藏

