决不死记硬背，理解resolvePromise，三步实现符合规范的Promise

2023-11-26 22:51:28

理解resolvePromise

在JavaScript中，Promise是一种异步编程的解决方案。它允许我们处理异步操作，并获得异步操作的结果。Promise有两个主要状态：Fulfilled和Rejected。当异步操作成功完成时，Promise将进入Fulfilled状态；当异步操作失败时，Promise将进入Rejected状态。

resolvePromise是Promise对象的一个方法，用于将Promise的状态从Pending转移到Fulfilled。当resolvePromise被调用时，Promise的状态将变为Fulfilled，并且Promise将携带一个值，该值就是异步操作的结果。

场景分析

考虑以下三种场景，一般我们不会直接resolve，而是在Promise的构造函数执行异步任务，在异步任务回调时再执行resolve或者reject。又或者，在构造构造函数中通过throw抛出了异常。

场景一：在Promise构造函数中执行异步任务

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

promise.then(result => {
  console.log(result); // 输出: "异步操作成功"
});

在这个场景中，我们在Promise构造函数中使用setTimeout函数执行了一个异步任务。当异步任务成功完成时，我们调用resolve函数，并将异步操作的结果传递给Promise。此时，Promise的状态变为Fulfilled，并且携带了异步操作的结果"异步操作成功"。

场景二：在异步任务回调中执行resolve或reject

const promise = new Promise((resolve, reject) => {
  fs.readFile("file.txt", (err, data) => {
    if (err) {
      reject(err);
    } else {
      resolve(data);
    }
  });
});

promise.then(result => {
  console.log(result); // 输出: 文件内容
}).catch(error => {
  console.log(error); // 输出: 错误信息
});

在这个场景中，我们在Promise构造函数中使用fs.readFile函数读取了一个文件。当文件读取成功时，我们调用resolve函数，并将文件内容传递给Promise。此时，Promise的状态变为Fulfilled，并且携带了文件内容。如果文件读取失败，我们调用reject函数，并将错误信息传递给Promise。此时，Promise的状态变为Rejected，并且携带了错误信息。

场景三：在构造函数中抛出异常

const promise = new Promise((resolve, reject) => {
  throw new Error("构造函数中抛出异常");
});

promise.then(result => {
  console.log(result); // 不会执行
}).catch(error => {
  console.log(error); // 输出: "构造函数中抛出异常"
});