Promise是处理异步操作的核心机制，通过pending、fulfilled、rejected三种状态解决回调地狱问题；使用new Promise可创建实例，then和catch处理结果与错误，支持链式调用实现流程控制；结合Promise.all、race等静态方法可管理多个异步任务，并与async/await语法结合使代码更简洁清晰。
Promise 是 JavaScript 中处理异步操作的核心机制之一，尤其在涉及网络请求、文件读写或定时任务时非常实用。它解决了传统回调函数嵌套（“回调地狱”）的问题，让异步代码更清晰、易维护。下面详细介绍 Promise 的使用方法和实际应用场景。
Promise 的基本概念
Promise 代表一个异步操作的最终完成或失败，以及其返回的结果值。它有三种状态：
- pending（等待中）：初始状态，既没有被兑现，也没有被拒绝。
- fulfilled（已成功）：操作成功完成，调用了 resolve 函数。
- rejected（已失败）：操作失败，调用了 reject 函数。
一旦状态从 pending 变为 fulfilled 或 rejected，就不会再改变。
创建和使用 Promise
使用 new Promise() 构造函数来创建一个 Promise 实例：
立即学习“Java免费学习笔记（深入）”；
const myPromise = new Promise((resolve, reject) => {
// 异步操作
setTimeout(() => {
const success = true;
if (success) {
resolve("操作成功！");
} else {
reject("操作失败！");
}
}, 1000);
});
通过 then() 方法获取成功结果，用 catch() 捕获错误：
myPromise
.then(result => {
console.log(result); // 输出: 操作成功！
})
.catch(error => {
console.error(error);
});
链式调用与异步流程控制
Promise 支持链式调用，每个 then() 返回一个新的 Promise，便于顺序执行多个异步任务：
fetchUserData()
.then(userData => fetchUserPosts(userData.id))
.then(posts => displayPosts(posts))
.catch(err => console.error("加载失败:", err));
示例中，先获取用户数据，再根据 ID 获取文章，最后展示内容。任何一个环节出错都会被最后的 catch 捕获。
常用静态方法
Promise 提供了几个有用的静态方法来处理多个异步操作：
- Promise.all(iterable)：所有 Promise 都成功才算成功，只要一个失败就进入 catch。
- Promise.race(iterable)：哪个 Promise 最先完成（无论成功或失败），就采用它的结果。
- Promise.resolve(value)：返回一个以给定值解析后的 Promise 对象。
- Promise.reject(reason)：返回一个以给定原因拒绝的 Promise。
例如使用 Promise.all 并行加载多个资源：
Promise.all([
fetch('/api/user'),
fetch('/api/config'),
fetch('/api/settings')
])
.then(responses => {
console.log('所有请求完成');
})
.catch(err => {
console.error('至少一个请求失败', err);
});
结合 async/await 使用
ES2017 引入了 async/await，让 Promise 的使用更加简洁直观：
async function loadPageData() {
try {
const user = await fetchUser();
const posts = await fetchPosts(user.id);
return { user, posts };
} catch (error) {
console.error("加载出错", error);
}
}
async 函数自动返回 Promise，await 后面可以接任何 Promise 实例，代码看起来像同步但实际是异步执行。
基本上就这些。掌握 Promise 能显著提升你处理异步逻辑的能力，无论是原生 JS 还是在 Vue、React 等框架中都广泛使用。理解好 resolve、reject、then、catch 和链式结构，再配合 async/await，就能写出清晰高效的异步代码。
