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

17次阅读

promisejavaScript 处理异步操作的标准对象,代表未来完成或失败的操作,具有 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

立即学习Java免费学习笔记(深入)”;

const fetchData = new Promise((resolve, reject) => {   setTimeout(() => {     const success = Math.random() > 0.3;     if (success) {       resolve("数据获取成功");     } else {       reject(new Error("网络请求失败"));     }   }, 1000); });

后续通过 .then() 处理成功结果,.catch() 捕获错误:

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

移乐AI

ai一键生成、处理各种图片

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

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

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对象_

text=ZqhQzanResources