Promise 是 JavaScript 中进行异步编程的新的解决方案，它是一个对象，用来表示一个异步操作的最终结果。
- 基本用法
let promise = new Promise((resolve, reject) => {
// 异步操作
let success = true; // 假设这是操作结果
if (success) {
resolve('操作成功');
} else {
reject('操作失败');
}
});
promise.then((result) => {
console.log(result); // 操作成功
}).catch((error) => {
console.log(error); // 操作失败
});
- 链式调用
let promise = new Promise((resolve, reject) => {
// 异步操作
resolve('第一步成功');
});
promise.then((result) => {
console.log(result); // 第一步成功
return '第二步成功';
}).then((result) => {
console.log(result); // 第二步成功
return '第三步成功';
}).then((result) => {
console.log(result); // 第三步成功
});
- 使用 Promise.all 并行处理多个 Promise
let promise1 = new Promise((resolve, reject) => {
// 异步操作
resolve('操作1成功');
});
let promise2 = new Promise((resolve, reject) => {
// 异步操作
resolve('操作2成功');
});
Promise.all([promise1, promise2]).then((results) => {
console.log(results); // ['操作1成功', '操作2成功']
});
- 使用 Promise.race 处理任何一个 Promise 完成
let promise1 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('操作1成功');
}, 1000);
});
let promise2 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('操作2成功');
}, 2000);
});
Promise.race([promise1, promise2]).then((result) => {
console.log(result); // 大概率是 '操作1成功'，因为它最先完成
});
- 使用 Promise.resolve 和 Promise.reject 简化代码
let promise = Promise.resolve('成功');
promise.then((result) => {
console.log(result); // 成功
}).catch((error) => {
console.log(error);
});
let promiseError = Promise.reject('失败');
promiseError.then((result) => {
console.log(result);
}).catch((error) => {
console.log(error); // 失败
});
以上是 Promise 的基本用法和常见的几种场景，实际应用中可以根据需要进行组合和优化。