在 JavaScript 世界里，向 Promise 要一个承诺

前端

2023-11-18 12:19:22

异步编程的浩瀚宇宙

现代应用程序离不开异步编程，它就像一个永不停止的宇宙，充斥着并发执行的任务。异步编程的精髓在于非阻塞操作，允许程序在等待I/O操作完成的同时继续执行其他任务，从而提高程序的整体性能。

在 JavaScript 的世界里，Promise 扮演着至关重要的角色，它就像一位可靠的信使，负责协调异步操作的执行和结果的传递。有了 Promise，你无需再陷入回调地狱的泥潭，可以轻松编写出优雅、可读性强的异步代码。

剖析 Promise 的本质

Promise，意为承诺，它是一个对象，代表着某个异步操作的最终完成或失败。这个对象具有三个状态：

Pending（等待）： 初始状态，表示异步操作尚未完成。
Fulfilled（已完成）： 异步操作成功完成，Promise 的值已经确定。
Rejected（已拒绝）： 异步操作失败，Promise 的值被拒绝。

Promise 的使用指南

使用 Promise，你需要掌握以下关键方法：

Promise.then()： 接收两个参数，一个用于处理成功的回调函数，另一个用于处理失败的回调函数。如果 Promise 处于 Fulfilled 状态，则调用第一个回调函数，否则调用第二个回调函数。
Promise.catch()： 只接收一个参数，用于处理失败的回调函数。如果 Promise 处于 Rejected 状态，则调用此回调函数。
Promise.finally()： 无论 Promise 处于 Fulfilled 还是 Rejected 状态，都会执行的回调函数。通常用于清理资源或执行一些通用的操作。

构建 Promise 的实践之旅

为了加深你对 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.error(error);
  });

这段代码模拟了一个异步操作，通过 setTimeout 函数延迟执行 1 秒。在异步操作中，我们随机生成一个结果，并根据结果调用 resolve 或 reject 函数。

然后，我们使用 .then() 和 .catch() 方法来处理 Promise 的结果。如果 Promise 处于 Fulfilled 状态，则调用 .then() 方法的回调函数并打印结果。如果 Promise 处于 Rejected 状态，则调用 .catch() 方法的回调函数并打印错误信息。