什么是JavaScript的Promise对象?

1次阅读

promisejavaScript中处理异步操作的对象,代表未来完成或失败的结果;有pending、fulfilled、rejected三种不可逆状态;通过new Promise()创建,用.then()、.catch()、.finally()链式处理,支持Promise.all等静态方法组合异步任务

什么是JavaScript的Promise对象?

Promise 是 javascript 中用来处理异步操作的一种对象,它代表一个**尚未完成但未来会完成(或失败)的操作结果**。简单说,它把“等一个异步任务做完再干啥”这件事,从层层嵌套的回调函数(callback hell)变成可链式调用、更易读写和错误处理的结构。

Promise 有三种状态

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

  • pending(进行中):刚创建,异步操作还没结束
  • fulfilled(已成功):操作顺利完成,可通过 .then() 获取返回值
  • rejected(已失败):操作出错,可通过 .catch().then(NULL, handler) 捕获错误

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

怎么创建一个 Promise

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

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

const myPromise = new Promise((resolve, reject) => {   // 模拟异步操作,比如网络请求或定时器   setTimeout(() => {     const success = Math.random() > 0.3;     if (success) {       resolve("操作成功!"); // 触发 fulfilled 状态     } else {       reject(new Error("操作失败了")); // 触发 rejected 状态     }   }, 1000); });

怎么使用 Promise 处理结果

主要靠 .then().catch() 方法:

什么是JavaScript的Promise对象?

魔法映像企业网站管理系统

技术上面应用了三层结构,AJAX框架,URL重写等基础的开发。并用了动软的代码生成器及数据访问类,加进了一些自己用到的小功能,算是整理了一些自己的操作类。系统设计上面说不出用什么模式,大体设计是后台分两级分类,设置好一级之后,再设置二级并选择栏目类型,如内容,列表,上传文件,新窗口等。这样就可以生成无限多个二级分类,也就是网站栏目。对于扩展性来说,如果有新的需求可以直接加一个栏目类型并新加功能操作

什么是JavaScript的Promise对象? 0

查看详情 什么是JavaScript的Promise对象?

  • .then(onFulfilled, onRejected):第一个参数处理成功结果,第二个可选参数处理失败(但推荐统一用 .catch()
  • .catch(handler):专门捕获前面任意环节抛出的错误(包括 reject 和同步异常)
  • .finally(handler):无论成功失败都会执行,适合清理工作(如关闭加载动画)

它们都返回一个新的 Promise,所以支持链式调用:

myPromise   .then(data => {     console.log(data); // "操作成功!"     return data.toUpperCase();   })   .then(transformed => console.log(transformed)) // "操作成功!"   .catch(err => console.error(err.message))   .finally(() => console.log("不管怎样,这行都会执行"));

常见静态方法帮你组合多个 Promise

Promise 构造函数本身还提供几个实用的静态方法:

  • Promise.resolve(value):快速创建一个立即成功的 Promise
  • Promise.reject(reason):快速创建一个立即失败的 Promise
  • Promise.all([p1, p2, ...]):全部成功才成功,任一失败则整体失败
  • Promise.race([p1, p2, ...]):哪个先完成(无论成败),就用它的结果
  • Promise.allSettled([p1, p2, ...]):等所有 Promise 都结束(成功或失败),返回每个结果的状态

比如用 Promise.all 并发请求多个接口

Promise.all([   fetch('/api/user'),   fetch('/api/posts') ]).then(([userRes, postsRes]) => {   return Promise.all([userRes.json(), postsRes.json()]); }).then(([user, posts]) => {   console.log({ user, posts }); });

基本上就这些。Promise 不是魔法,但它让异步逻辑变得更可控、更可读、更健壮。

text=ZqhQzanResources