Promise的使用总结

本文主要是介绍Promise的使用总结，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Promise 是 JavaScript 中用于处理异步操作的一种机制。它提供了一种更清晰和更简洁的方式来处理异步代码，避免了回调地狱。以下是 Promise 的使用方法，包括创建 Promise、链式调用、错误处理、并行执行等。

1. 创建 Promise

你可以使用 new Promise 来创建一个新的 Promise 对象。Promise 构造函数接受一个执行函数，该函数有两个参数：resolve 和 reject。

示例

const myPromise = new Promise((resolve, reject) => {const success = true; // 模拟异步操作的结果if (success) {resolve('Operation was successful!');} else {reject('Operation failed.');}
});

2. 链式调用

Promise 提供了 .then() 方法来处理成功的结果，.catch() 方法来处理错误，.finally() 方法来处理无论成功还是失败都要执行的代码。

示例

myPromise.then(result => {console.log(result); // 输出: Operation was successful!return 'Next step';}).then(nextResult => {console.log(nextResult); // 输出: Next step}).catch(error => {console.error(error); // 处理错误}).finally(() => {console.log('Operation completed'); // 无论成功还是失败都会执行});

3. 并行执行

Promise.all() 和 Promise.race() 是两个常用的方法，用于并行执行多个 Promise。

Promise.all()

Promise.all() 接受一个 Promise 数组，当所有 Promise 都成功时，它才会成功；如果有一个 Promise 失败，它就会失败。

const promise1 = Promise.resolve('First');
const promise2 = Promise.resolve('Second');
const promise3 = Promise.resolve('Third');Promise.all([promise1, promise2, promise3]).then(results => {console.log(results); // 输出: ['First', 'Second', 'Third']}).catch(error => {console.error(error);});

Promise.race()

Promise.race() 接受一个 Promise 数组，当第一个 Promise 完成（无论成功还是失败）时，它就会完成。

const promise1 = new Promise((resolve) => setTimeout(resolve, 500, 'First'));
const promise2 = new Promise((resolve) => setTimeout(resolve, 100, 'Second'));Promise.race([promise1, promise2]).then(result => {console.log(result); // 输出: Second}).catch(error => {console.error(error);});

4. 使用 async/await

async/await 是基于 Promise 的语法糖，使得异步代码看起来像同步代码。async 函数返回一个 Promise，await 用于等待 Promise 完成。

示例

async function asyncFunction() {try {const result1 = await promise1;console.log(result1); // 输出: Firstconst result2 = await promise2;console.log(result2); // 输出: Second} catch (error) {console.error(error); // 处理错误} finally {console.log('Operation completed'); // 无论成功还是失败都会执行}
}asyncFunction();

5. 错误处理

Promise 提供了 .catch() 方法来处理错误。你也可以在 async/await 中使用 try…catch 语句来处理错误。

示例

const failingPromise = new Promise((resolve, reject) => {reject('Something went wrong');
});failingPromise.then(result => {console.log(result);}).catch(error => {console.error(error); // 输出: Something went wrong});

在 async/await 中：

async function asyncFunction() {try {const result = await failingPromise;console.log(result);} catch (error) {console.error(error); // 输出: Something went wrong}
}asyncFunction();

6. 并行执行和错误处理

在实际应用中，通常需要同时执行多个异步操作，并处理其中可能发生的错误。Promise.allSettled() 是一个非常有用的方法，它会等待所有的 Promise 都完成（无论成功还是失败），并返回每个 Promise 的结果。

示例

const promise1 = new Promise((resolve) => setTimeout(resolve, 100, 'First'));
const promise2 = new Promise((resolve, reject) => setTimeout(reject, 200, 'Second failed'));
const promise3 = new Promise((resolve) => setTimeout(resolve, 300, 'Third'));Promise.allSettled([promise1, promise2, promise3]).then(results => {results.forEach((result, index) => {if (result.status === 'fulfilled') {console.log(`Promise ${index + 1} fulfilled:`, result.value);} else {console.error(`Promise ${index + 1} rejected:`, result.reason);}});});