揭秘Promise的核心奥秘：手写30行代码，剖析发布订阅模式

2023-11-05 19:47:45

揭开 Promise 的神秘面纱：解锁异步编程的新世界

在现代前端开发和 Node.js 的世界中，异步编程已经成为不可或缺的一部分。Promise，作为 JavaScript 中处理异步任务的利器，以其简洁的语法和强大的功能备受推崇。让我们踏入 Promise 的奇妙旅程，从源代码的角度一探究竟，揭开它背后的奥秘。

Promise 的核心原理

Promises 的核心原理其实并不复杂。我们只需 30 行代码，就能深入理解其本质。

class Promise {
  constructor(executor) {
    // ...
  }
  then(onFulfilled, onRejected) {
    // ...
  }
  catch(onRejected) {
    // ...
  }
  finally(onFinally) {
    // ...
  }
}

Promise 的核心在于状态管理和回调函数。它有三种状态：pending（等待）、fulfilled（已完成）和 rejected（已拒绝）。根据不同的状态，Promise 会执行不同的回调函数：

onFulfilledCallbacks：当 Promise 状态变为 fulfilled 时执行的回调函数。
onRejectedCallbacks：当 Promise 状态变为 rejected 时执行的回调函数。

发布订阅模式：Promise 的灵魂

Promise 中的回调函数遵循发布订阅模式。当 Promise 的状态改变时，它会通知所有已订阅的回调函数，这些回调函数将被依次执行。这种模式使 Promise 能够灵活地处理异步任务，并在任务完成后执行相应的后续操作。

Promise 的工具箱

除了基本的 then 方法，Promise 还提供了 catch 和 finally 方法，进一步增强了其易用性和灵活性。

catch 方法：用于处理 Promise 状态变为 rejected 时的回调函数，简化了错误处理的过程。
finally 方法：无论 Promise 状态如何，都会在最后执行的回调函数，常用于执行一些清理工作或通用的后续操作。

手把手打造 Promise

为了加深对 Promise 的理解，让我们从头开始自己编写一个 Promise 类。这不仅能让你深入领悟其核心原理，更能领会发布订阅模式的强大之处。

深入浅出：Promise 常见问题解答

Promise 与回调函数有何区别？
Promise 采用发布订阅模式，异步任务完成后，会自动执行回调函数，而回调函数需要显式调用。
如何处理 Promise 中的错误？
可以使用 catch 方法来处理 Promise 状态变为 rejected 时的情况。
如何在 Promise 中执行最终操作？
无论 Promise 状态如何，都可以使用 finally 方法在最后执行回调函数。
Promise 链是如何工作的？
通过 then 方法返回新的 Promise，可以将多个 Promise 串联起来形成链条，实现异步任务的顺序执行。
如何处理 Promise 中的并发操作？
可以通过 Promise.all() 或 Promise.race() 来处理并发操作，前者等待所有 Promise 完成，后者等待第一个 Promise 完成。