登录
首页 >  文章 >  前端

Promise对象是什么及如何处理异步操作

时间:2026-01-10 16:39:10 455浏览 收藏

今天golang学习网给大家带来了《Promise对象是什么及异步处理方法》,其中涉及到的知识点包括等等,无论你是小白还是老手,都适合看一看哦~有好的建议也欢迎大家在评论留言,若是看完有所收获,也希望大家能多多点赞支持呀!一起加油学习~

Promise 是 JavaScript 处理异步操作的标准对象,代表未来完成或失败的操作,具有 pending、fulfilled、rejected 三种不可逆状态,支持链式调用与错误传递,并提供 Promise.all()、race()、allSettled() 等静态方法协调多个异步任务。

什么是Promise对象_javascript中如何处理异步操作?

Promise 是 JavaScript 中处理异步操作的标准化对象,它代表一个**尚未完成但将来会完成(或失败)的操作**,让你能以更清晰、可链式的方式管理异步流程,避免“回调地狱”。

Promise 的三种状态

每个 Promise 实例始终处于以下一种状态:

  • pending(进行中):初始状态,既没成功也没失败
  • fulfilled(已成功):操作成功完成,触发 .then()
  • rejected(已失败):操作出错,触发 .catch().then(null, handler)

状态一旦改变(pending → fulfilled 或 pending → rejected),就不可逆,也不会再变。

创建和使用 Promise

new Promise() 构造器创建,接收一个执行器函数(executor),它有两个参数:resolvereject

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 则立即 reject
  • Promise.race([p1, p2, p3]):谁先改变状态,就采用谁的结果(成功或失败)
  • Promise.allSettled([p1, p2, p3]):等所有 Promise 结束(无论成败),返回每个结果的状态对象

适合批量请求、超时控制、容错聚合等场景。

基本上就这些。掌握 Promise 的状态机制、链式逻辑和常用工具方法,就能稳妥处理大多数异步任务。现代开发中,配合 async/await(本质是 Promise 语法糖)使用,代码更接近同步风格,可读性更强。

文中关于的知识介绍,希望对你的学习有所帮助!若是受益匪浅,那就动动鼠标收藏这篇《Promise对象是什么及如何处理异步操作》文章吧,也可关注golang学习网公众号了解相关技术文章。

前往漫画官网入口并下载 ➜
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>