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重写等基础的开发。并用了动软的代码生成器及数据访问类，加进了一些自己用到的小功能，算是整理了一些自己的操作类。系统设计上面说不出用什么模式，大体设计是后台分两级分类，设置好一级之后，再设置二级并选择栏目类型，如内容，列表，上传文件，新窗口等。这样就可以生成无限多个二级分类，也就是网站栏目。对于扩展性来说，如果有新的需求可以直接加一个栏目类型并新加功能操作
-
.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 不是魔法，但它让异步逻辑变得更可控、更可读、更健壮。
