ES6 入门指南：探索 Promise 对象

2023-11-30 01:54:50

ES6 入门指南：探索 Promise 对象

随着 JavaScript 的不断发展，ES6 引入了许多强大的特性，其中之一就是 Promise 对象。Promise 旨在简化异步编程，使开发人员能够以更优雅和可读的方式处理异步操作。本文将深入探讨 Promise 对象，从其基本概念到实际应用。

Promise 的含义

Promise 对象表示一个异步操作，该操作最终可能成功或失败。Promise 有三种状态：

Pending（进行中）： Promise 处于初始状态，等待异步操作完成。
Fulfilled（已成功）： 异步操作成功完成，Promise 已准备好提供结果。
Rejected（已失败）： 异步操作失败，Promise 已准备好提供错误信息。

Promise 的状态不受外界影响。只有异步操作的结果才能决定当前状态。一旦 Promise 进入 Fulfilled 或 Rejected 状态，它将永久保留该状态。

处理 Promise

要处理 Promise，可以使用两个方法：

then()： 用于处理 Fulfilled 的 Promise。它接收一个回调函数，该函数将返回 Promise 提供的结果。
catch()： 用于处理 Rejected 的 Promise。它接收一个回调函数，该函数将返回错误信息。

以下示例演示如何处理 Promise：

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    if (Math.random() > 0.5) {
      resolve('成功！');
    } else {
      reject('失败！');
    }
  }, 1000);
});

promise
  .then(result => {
    console.log(result); // 输出：成功！
  })
  .catch(error => {
    console.log(error); // 输出：失败！
  });

错误处理

除了使用 catch() 方法，还可以使用 finally() 方法来处理 Promise 的任何状态。finally() 方法接收一个回调函数，无论 Promise 是 Fulfilled 还是 Rejected，该函数都会被调用。

promise
  .then(result => {
    console.log(result); // 输出：成功！
  })
  .catch(error => {
    console.log(error); // 输出：失败！
  })
  .finally(() => {
    console.log('Promise 已处理'); // 输出：Promise 已处理
  });