当前位置：首页 > news >正文

promise的用法

news 2025/10/11 10:35:38

Promise 是 JavaScript 中用于处理异步操作的核心对象，它提供了一种更优雅的方式来组织和控制异步代码流程。下面我们快速了解其核心用法。

⚙️ Promise 的基本创建与状态

一个 Promise 对象有三种状态，并且状态转变是不可逆的：

Pending（待定）：初始状态。
Fulfilled（已兑现）：操作成功完成。
Rejected（已拒绝）：操作失败。

创建 Promise 时，需要传入一个执行器函数（executor），它接收两个参数：resolve和 reject，它们是 JavaScript 引擎提供的函数。

const myPromise = new Promise((resolve, reject) => {// 异步操作，例如模拟一个网络请求setTimeout(() => {const success = true; // 模拟操作成功或失败if (success) {resolve('操作成功！数据是...'); // 将状态变为 Fulfilled，并传递结果} else {reject('操作失败，原因是...'); // 将状态变为 Rejected，并传递错误原因}}, 1000);
});

🔗 处理 Promise 的结果：`.then()`, `.catch()`, `.finally()`

创建 Promise 后，通过以下方法处理其结果：

方法	作用	说明
`.then()`	处理成功（Fulfilled）或失败（Rejected）状态。	接收两个可选的回调函数。通常只传第一个（成功回调），失败情况用 `.catch()`处理。
`.catch()`	专门捕获和处理失败（Rejected）状态。	是 `.then(null, rejectionCallback)`的语法糖，用于集中错误处理。
`.finally()`	无论成功还是失败都会执行。	常用于清理工作，如隐藏加载动画。

链式调用示例：

Promise 的 .then()和 .catch()会返回一个新的 Promise，这使得链式调用成为可能，也是解决"回调地狱"的关键。

// 模拟一个异步读取文件内容的函数，返回一个 Promise
function readFile(path) {return new Promise((resolve, reject) => {// 模拟异步读取setTimeout(() => {if (path === './name.txt') {resolve('./data.txt'); // 成功时返回下一个文件的路径} else if (path === './data.txt') {resolve('最终的文件内容！');} else {reject('文件未找到');}}, 500);});
}readFile('./name.txt').then((data) => {console.log('第一步成功:', data);return readFile(data); // 返回新的 Promise，供下一个 then 使用}).then((data) => {console.log('第二步成功:', data);}).catch((error) => {console.error('链式中某一步出错了:', error); // 捕获链中任何步骤的错误}).finally(() => {console.log('异步操作序列结束（无论成功与否）');});// 输出顺序：
// 第一步成功: ./data.txt
// 第二步成功: 最终的文件内容！
// 异步操作序列结束（无论成功与否）

📦 处理多个 Promise：`Promise.all`与 `Promise.race`

Promise 提供了几个有用的静态方法来处理多个异步操作：

方法	作用	特点
`Promise.all(iterable)`	等待所有 Promise 成功，或任一 Promise 失败。	全部成功时，返回结果数组；有一个失败，立即拒绝，返回该错误。
`Promise.race(iterable)`	返回最先敲定（settled，无论成功或失败）的 Promise 的结果。	"竞速"模式，适用于超时控制。
`Promise.allSettled(iterable)`	等待所有 Promise 敲定（无论成功或失败）。	返回一个数组，每个元素描述对应 Promise 的结果。
`Promise.any(iterable)`	等待任一 Promise 成功，或所有 Promise 都失败。	返回第一个成功的 Promise 的结果。

Promise.all示例：

const p1 = Promise.resolve(3);
const p2 = new Promise((resolve) => setTimeout(resolve, 100, 'foo'));
const p3 = 42; // 非Promise值会被 Promise.resolve 转换Promise.all([p1, p2, p3]).then((values) => {console.log(values); // 输出: [3, 'foo', 42]}).catch((error) => {console.error('有一个失败了:', error);});