Promise实战应用：从初识到精通

前言

在现代JavaScript开发中，Promise是一个必不可少的工具，它使我们能够轻松地处理异步任务并编写可读且可维护的代码。在本文中，我们将从头开始，深入剖析Promise，帮助您从初学者到熟练掌握Promise。

什么是Promise？

Promise是一个JavaScript对象，它代表了一个异步操作的最终完成（或失败）及其结果值。Promise由两个主要方法组成：

• then: 当Promise完成时，then方法被调用，并传入一个回调函数。该回调函数将接收Promise的结果值作为参数。
• catch: 当Promise失败时，catch方法被调用，并传入一个回调函数。该回调函数将接收Promise的错误值作为参数。

Promise的状态

Promise有三种状态：

• pending: 初始状态，表示异步操作尚未完成。
• fulfilled: 完成状态，表示异步操作已成功完成，并有结果值。
• rejected: 拒绝状态，表示异步操作已失败，并有错误值。

Promise的用法

创建Promise的常见方法是使用new Promise()构造函数。new Promise()构造函数接受一个执行器函数作为参数，该函数有两个参数：resolve和reject。resolve函数用于将Promise的状态从pending改为fulfilled，并传入结果值。reject函数用于将Promise的状态从pending改为rejected，并传入错误值。

const promise = new Promise((resolve, reject) => {
  // 执行异步操作
  setTimeout(() => {
    if (success) {
      resolve('成功');
    } else {
      reject('失败');
    }
  }, 1000);
});

使用Promise的then和catch方法可以处理Promise的状态变化。

promise.then((result) => {
  // 处理成功的情况
}, (error) => {
  // 处理失败的情况
});

Promise的Api

Promise提供了丰富的Api，可以满足各种异步编程需求。

then

then方法是Promise最重要的Api之一，它可以让我们在Promise完成后执行回调函数。then方法可以接受两个参数：

• onFulfilled: 当Promise完成时执行的回调函数。
• onRejected: 当Promise失败时执行的回调函数。

promise.then((result) => {
  // 处理成功的情况
}, (error) => {
  // 处理失败的情况
});

catch

catch方法是另一个重要的Api，它可以让我们在Promise失败时执行回调函数。catch方法可以接受一个参数：

• onRejected: 当Promise失败时执行的回调函数。

promise.catch((error) => {
  // 处理失败的情况
});

finally

finally方法是Promise的一个新的Api，它可以让我们在Promise完成或失败时始终执行回调函数。finally方法可以接受一个参数：

• onFinally: 当Promise完成或失败时执行的回调函数。

promise.finally(() => {
  // 始终执行的回调函数
});

Promise.all

Promise.all方法可以让我们等待多个Promise同时完成。Promise.all方法接受一个Promise数组作为参数，并返回一个新的Promise。当所有传入的Promise都完成时，新Promise的状态变为fulfilled，并传入一个包含所有Promise结果值