Promise 是 JavaScript 中管理异步操作的对象,代表未来可能完成或失败的结果,具有 pending、fulfilled、rejected 三种不可逆状态,通过 new Promise() 创建,支持 .then()/.catch() 链式调用及 async/await 语法,并提供 Promise.all() 等静态方法。

Promise 是 JavaScript 中用来管理异步操作的对象,它代表一个**尚未完成但未来可能会完成(或失败)**的操作结果。 它让原本容易陷入“回调地狱”的异步代码变得更清晰、更可控、更易错误处理。
Promise 的三种状态
每个 Promise 实例始终处于以下其中一种状态:
- pending(待定):初始状态,既没成功也没失败
- fulfilled(已兑现):操作成功完成,此时可获取返回值
- rejected(已拒绝):操作失败,此时可获取错误原因
状态一旦改变(pending → fulfilled 或 pending → rejected),就不可逆,也不会再变。
如何创建和使用 Promise
用 new Promise() 构造函数创建,它接收一个执行器函数(executor),该函数立即执行,并传入两个参数:resolve 和 reject —— 它们是预定义的函数,分别用于把 Promise 变成 fulfilled 或 rejected 状态。
立即学习“Java免费学习笔记(深入)”;
例如,模拟一个 1 秒后返回用户数据的异步请求:
const fetchUser = new Promise((resolve, reject) => {
setTimeout(() => {
const success = true;
if (success) {
resolve({ id: 1, name: "张三" }); // 成功时调用 resolve
} else {
reject(new Error("获取用户失败")); // 失败时调用 reject
}
}, 1000);
});
要读取结果,不能直接访问,得用 .then() 和 .catch():
fetchUser
.then(user => console.log("用户:", user))
.catch(err => console.error("错误:", err.message));
链式调用与 async/await(现代写法)
Promise 支持链式调用:.then() 返回一个新的 Promise,所以可以连续写多个 .then(),每个都处理上一步的结果。
更推荐的是配合 async/await 使用,让异步代码看起来像同步一样直观:
async function getUser() {
try {
const user = await fetchUser; // 等待 Promise 完成
console.log("用户:", user);
return user;
} catch (err) {
console.error("错误:", err.message);
}
}
getUser();
注意:await 只能在 async 函数内部使用;await 后面不一定是 Promise,但如果是普通值,会自动包装成已兑现的 Promise。
常用静态方法
Promise 构造函数还提供几个实用的静态方法:
-
Promise.resolve(value):快速创建一个已兑现的 Promise -
Promise.reject(error):快速创建一个已拒绝的 Promise -
Promise.all([p1, p2, ...]):等待所有 Promise 都成功才兑现,任一失败则整体失败 -
Promise.race([p1, p2, ...]):哪个 Promise 先完成(无论成败),就以它的结果为准 -
Promise.allSettled([p1, p2, ...]):等待所有 Promise 都结束(不管成功或失败),返回每个结果的状态数组
比如并发请求多个接口并等全部返回:
Promise.all([
fetch('/api/user'),
fetch('/api/posts'),
fetch('/api/comments')
])
.then(([userRes, postsRes, commentsRes]) => {
// 所有请求都成功了
})
基本上就这些。Promise 不复杂,但容易忽略状态不可逆、必须处理错误、以及 await 必须在 async 函数里这些细节。











