Promise 核心原理探索（一）：剖析 Promise 的灵魂

2023-11-26 17:45:29

前言

在异步编程的世界里，Promise 犹如一颗耀眼的明星，它简化了复杂的异步操作，让开发者可以优雅地处理异步代码。本文将带你踏上探索 Promise 核心原理的旅程，从它的构造函数到 resolve 和 reject 方法，逐步揭秘 Promise 的灵魂，让你深刻理解它的运作机制。

1. Promise 的构造函数

Promise 的构造函数接收一个执行器函数作为参数，执行器函数有两个参数：resolve 和 reject。resolve 用来解决 Promise，表示异步操作成功完成；而 reject 则用来拒绝 Promise，表示异步操作失败。

2. 初始化数据

构造 Promise 时，内部会初始化三个私有属性：

state：表示 Promise 的状态，有三种可能值：pending（等待）、fulfilled（已解决）和 rejected（已拒绝）
value：当 Promise 被解决时，它存储解决值
reason：当 Promise 被拒绝时，它存储拒绝原因

3. 实现 resolve 方法

resolve 方法用来解决 Promise，将 Promise 的状态从 pending 更改为 fulfilled，并将解决值存储在 value 属性中。一旦 Promise 被解决，它的 then 方法将被触发，并且接收 resolve 方法提供的解决值。

4. 实现 reject 方法

reject 方法用来拒绝 Promise，将 Promise 的状态从 pending 更改为 rejected，并将拒绝原因存储在 reason 属性中。一旦 Promise 被拒绝，它的 catch 方法将被触发，并且接收 reject 方法提供的拒绝原因。

5. 执行器抛出异常也需要返回错误信息

值得注意的是，如果执行器函数中抛出一个异常，Promise 将被自动拒绝，并且 reason 属性将存储该异常信息。这是为了确保 Promise 始终处于已解决或已拒绝状态。

示例代码

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

promise.then((value) => {
  console.log(value); // 输出：'异步操作成功'
}).catch((reason) => {
  console.log(reason); // 输出：'异步操作失败'
});