在JavaScript中，Promise是一种用于处理异步操作的对象。它允许我们以一种更结构化和更具可读性的方式来处理异步代码，从而避免了回调地狱（callback hell）的问题。以下是对Promise的详细讲解。
Promise 的基础
一个 Promise 对象代表一个异步操作的最终完成（或失败）及其结果值。Promise 对象可以处于以下三种状态之一：
待定（pending）：初始状态，既没有被解决（fulfilled），也没有被拒绝（rejected）。
已解决（fulfilled）：表示操作成功完成。
已拒绝（rejected）：表示操作失败。
创建一个Promise
可以通过 new Promise 构造函数来创建一个新的 Promise 对象。构造函数接收一个执行器函数（executor function），该函数会立即执行，并包含两个参数：resolve 和 reject。这两个参数是函数，用于将Promise的状态从“待定”变为“已解决”或“已拒绝”。
let promise = new Promise((resolve, reject) => {// 异步操作setTimeout(() => {let success = true; // 假设这个变量表示异步操作的结果if (success) {resolve("Operation successful!");} else {reject("Operation failed!");}}, 1000);
});
处理Promise结果
可以使用 then 方法来处理已解决状态的Promise结果，使用 catch 方法来处理已拒绝状态的Promise结果。
promise.then(result => {console.log(result); // 输出 "Operation successful!"
}).catch(error => {console.log(error); // 输出 "Operation failed!"（如果失败）
});
Promise 的方法
then
then 方法接收两个参数：一个用于处理成功结果的回调函数，另一个用于处理失败结果的回调函数。第二个参数是可选的，通常会使用 catch 方法来处理错误。
promise.then(result => console.log(result), // 处理成功结果error => console.log(error) // 处理失败结果（可选）
);
catch
catch 方法用于处理Promise的拒绝状态，与在 then 方法中提供第二个参数的效果相同。它更常用，因为它使错误处理逻辑更清晰。
promise.then(result => {console.log(result);
}).catch(error => {console.log(error);
});
finally
finally 方法接收一个没有参数的回调函数，无论Promise的状态是已解决还是已拒绝，都会执行这个回调函数。它通常用于清理操作，例如停止加载动画。
promise.finally(() => {console.log("Promise completed (either fulfilled or rejected).");
});
链式调用
Promise的强大之处在于可以通过链式调用来处理一系列的异步操作。每个 then 方法都会返回一个新的Promise对象，这使得我们可以串联多个异步操作。
let promise = new Promise((resolve, reject) => {setTimeout(() => resolve(1), 1000);
});promise.then(result => {console.log(result); // 1return result * 2;
}).then(result => {console.log(result); // 2return result * 3;
}).then(result => {console.log(result); // 6
});
常用的Promise静态方法
Promise.resolve
Promise.resolve 方法返回一个已解决的Promise对象。可以将现有的值转换为Promise对象。
let resolvedPromise = Promise.resolve("Resolved value");
resolvedPromise.then(result => console.log(result)); // 输出 "Resolved value"
Promise.reject
Promise.reject 方法返回一个已拒绝的Promise对象。可以将现有的错误或拒绝原因转换为Promise对象。
let rejectedPromise = Promise.reject("Rejected reason");
rejectedPromise.catch(error => console.log(error)); // 输出 "Rejected reason"
Promise.all
Promise.all 方法接收一个Promise数组，当所有Promise都解决时，返回一个已解决的Promise；如果有一个Promise被拒绝，则返回一个已拒绝的Promise。
let promise1 = Promise.resolve(3);
let promise2 = 42;
let promise3 = new Promise((resolve, reject) => {setTimeout(resolve, 100, 'foo');
});Promise.all([promise1, promise2, promise3]).then(values => {console.log(values); // 输出 [3, 42, 'foo']
}).catch(error => {console.log(error);
});
Promise.race
Promise.race 方法接收一个Promise数组，当第一个Promise解决或拒绝时，返回一个新的Promise。
let promise1 = new Promise((resolve, reject) => {setTimeout(resolve, 500, 'one');
});
let promise2 = new Promise((resolve, reject) => {setTimeout(resolve, 100, 'two');
});Promise.race([promise1, promise2]).then(value => {console.log(value); // 输出 'two'，因为promise2更快
});
实际示例
假设我们有一个函数 fetchData，它返回一个Promise，模拟从服务器获取数据：
function fetchData() {return new Promise((resolve, reject) => {setTimeout(() => {let success = true; // 模拟成功或失败if (success) {resolve({ data: "Server data" });} else {reject("Failed to fetch data");}}, 1000);});
}fetchData().then(response => {console.log(response.data); // 输出 "Server data"return response.data;
}).then(data => {console.log("Processing data:", data);return "Processed data";
}).then(result => {console.log(result); // 输出 "Processed data"
}).catch(error => {console.error(error); // 如果有错误，输出错误信息
}).finally(() => {console.log("Fetch operation completed."); // 无论成功或失败都会执行
});
】)
