Promise的介绍

概念

Promise是一个表示异步操作最终完成或失败的对象。它可以处于以下三个状态之一：

• Pending（进行中）：初始状态，表示异步操作正在进行中。
• Fulfilled（已完成）：表示异步操作成功完成。
• Rejected（已失败）：表示异步操作失败。

当Promise从进行中状态转变为已完成或已失败状态时，称为Promise被"解决"（resolved）。

Promise对象具有以下特点：

• Promise是不可变的，一旦状态被解决，就不能再改变。
• Promise具有链式调用的能力，可以通过.then()方法添加处理已完成状态的回调，通过.catch()方法添加处理已失败状态的回调。

语法

创建一个Promise对象需要使用new Promise()构造函数，构造函数接受一个执行器函数作为参数，该执行器函数会立即执行。

执行器函数接受两个参数：resolve和reject。resolve用于将Promise状态转变为已完成状态，reject用于将Promise状态转变为已失败状态。

示例代码如下所示：

const promise = new Promise((resolve, reject) => {
  // 异步操作的逻辑

  if (/* 异步操作成功 */) {
    resolve(result); // 将Promise状态转变为已完成状态，并传递结果
  } else {
    reject(error); // 将Promise状态转变为已失败状态，并传递错误信息
  }
});

在上述代码中，我们创建了一个Promise对象，并在执行器函数中进行了异步操作。根据异步操作的结果，我们调用resolve函数将Promise状态转变为已完成状态，并传递结果；或者调用reject函数将Promise状态转变为已失败状态，并传递错误信息。

示例用法

让我们通过示例来理解Promise的使用。

const fetchData = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const data = /* 异步获取的数据 */;
      if (data) {
        resolve(data); // 异步操作成功，将Promise状态转变为已完成，并传递数据
      } else {
        reject('Data not found'); // 异步操作失败，将Promise状态转变为已失败，并传递错误信息
      }
    }, 2000);
  });
};

fetchData()
  .then(data => {
    console.log('Data:', data); // 处理已完成状态，输出数据
  })
  .catch(error => {
    console.error('Error:', error); // 处理已失败状态，输出错误信息
  });

在上述示例中，我们定义了一个fetchData()函数，它返回一个Promise对象。在Promise的执行器函数中，我们模拟了一个异步操作，使用setTimeout延迟2秒来模拟异步获取数据。

如果异步操作成功获取到数据，我们调用resolve函数将Promise状态转变为已完成状态，并传递数据。如果异步操作失败，我们调用reject函数将Promise状态转变为已失败状态，并传递错误信息。

通过.then()方法，我们可以添加处理已完成状态的回调函数，并在回调函数中处理获取到的数据。通过.catch()方法，我们可以添加处理已失败状态的回调函数，并在回调函数中处理错误信息。

通过Promise的链式调用，我们可以更加优雅地处理异步操作的结果，并避免了回调地狱的问题。