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

Promise 是 javascript 中用来处理异步操作的一种对象,它代表一个**尚未完成但未来会完成(或失败)的操作结果**。简单说,它把“等一个异步任务做完再干啥”这件事,从层层嵌套的回调函数(callback hell)变成可链式调用、更易读写和错误处理的结构。
Promise 有三种状态
一个 Promise 实例始终处于以下其中一种状态:
- pending(进行中):刚创建,异步操作还没结束
- fulfilled(已成功):操作顺利完成,可通过
.then()获取返回值 - rejected(已失败):操作出错,可通过
.catch()或.then(NULL, handler)捕获错误
状态一旦改变(pending → fulfilled 或 pending → rejected),就不可逆,也不会再变。
怎么创建一个 Promise
用 new Promise() 构造函数,传入一个执行器函数(executor),它接收两个参数:resolve 和 reject:
立即学习“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() 方法:
技术上面应用了三层结构,AJAX框架,URL重写等基础的开发。并用了动软的代码生成器及数据访问类,加进了一些自己用到的小功能,算是整理了一些自己的操作类。系统设计上面说不出用什么模式,大体设计是后台分两级分类,设置好一级之后,再设置二级并选择栏目类型,如内容,列表,上传文件,新窗口等。这样就可以生成无限多个二级分类,也就是网站栏目。对于扩展性来说,如果有新的需求可以直接加一个栏目类型并新加功能操作
0 -
.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([ fetch('/api/user'), fetch('/api/posts') ]).then(([userRes, postsRes]) => { return Promise.all([userRes.json(), postsRes.json()]); }).then(([user, posts]) => { console.log({ user, posts }); });
基本上就这些。Promise 不是魔法,但它让异步逻辑变得更可控、更可读、更健壮。