用通俗易懂的语言，让你理解 Promise 🚀🚀

前端

2024-01-16 14:44:16

什么是 Promise？

想象一下，你正在一家餐馆点餐。你告诉服务员你的订单，然后坐下等待。服务员会去厨房准备你的食物，当你做好后会给你送来。

在 JavaScript 中，Promise 就类似于服务员。当你向 JavaScript 发出异步请求时，它会创建一个 Promise，这个 Promise 代表了将来某个时间点可能完成或失败的操作。

Promise 的状态

Promise 有三种状态：

待定（pending）： 这是 Promise 的初始状态。它表示操作尚未完成。
已解决（resolved）： 如果操作成功，Promise 将变为已解决状态，并带有操作结果（值）。
已拒绝（rejected）： 如果操作失败，Promise 将变为已拒绝状态，并带有失败原因（原因）。

使用 Promise

你可以通过 then() 和 catch() 方法来处理 Promise。

then() 方法用于处理已解决的 Promise。它接受一个回调函数，该回调函数将接收 Promise 的结果作为参数。
catch() 方法用于处理已拒绝的 Promise。它接受一个回调函数，该回调函数将接收 Promise 的失败原因作为参数。

示例

以下是一个使用 Promise 的示例：

const myPromise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("操作成功");
  }, 1000);
});

myPromise
  .then((result) => {
    console.log(result); // 输出："操作成功"
  })
  .catch((error) => {
    console.log(error); // 输出："操作失败"
  });

finally() 方法

finally() 方法用于无论 Promise 是已解决还是已拒绝都会执行的代码。它接受一个回调函数，该回调函数不接收任何参数。

myPromise
  .then((result) => {
    console.log(result);
  })
  .catch((error) => {
    console.log(error);
  })
  .finally(() => {
    console.log("无论 Promise 的状态如何都会执行");
  });