手写Promise：前端面试宝典，全方位掌握，一题通关

2023-02-12 12:52:14

手写 Promise：前端面试中的必考技能

Promise 概述

Promise 是一种 JavaScript 对象，用于处理异步操作。它表示一个异步操作的最终完成或失败及其结果值。Promise 提供了一种异步编程模型，使开发者能够在代码中以更简洁、更可控的方式处理复杂的异步逻辑。

Promise 的用法

要使用 Promise，可以通过 new Promise() 方法创建它。然后，可以通过 then 方法添加回调函数，该回调函数会在 Promise 的状态发生改变时被调用。then 方法接收两个参数：一个用于处理成功结果的函数，另一个用于处理错误结果的函数。

const promise = new Promise((resolve, reject) => {
  // 执行异步操作
  if (成功) {
    resolve(结果值);
  } else {
    reject(错误信息);
  }
});

promise.then(
  (result) => {
    // 处理成功结果
  },
  (error) => {
    // 处理错误结果
  }
);

Promise 的应用场景

Promise 可以用于处理各种异步操作，如：

AJAX 请求
setTimeout 函数
事件监听

Promise 的优势在于它可以将异步操作封装成一个对象，使得开发者可以更方便地处理异步逻辑，避免传统的回调地狱问题。

Promise 的异步编程思想

Promise 背后的异步编程思想是将异步操作封装成一个 Promise 对象，然后通过 then 方法添加回调函数。这样就可以在异步操作完成后执行回调函数中的代码，实现异步操作的非阻塞执行。

Promise 的语法细节

Promise 对象提供了以下语法细节：

then 方法：添加回调函数，处理成功或失败的结果。
catch 方法：处理错误结果。
finally 方法：无论 Promise 成功或失败都会执行的代码。

Promise 的链式调用

Promise 可以通过链式调用将多个异步操作串联起来。每个 Promise 对象都可以通过 then 方法添加回调函数，该回调函数可以返回另一个 Promise 对象。这样就可以形成一个异步操作的流水线。

promise1
  .then((result) => {
    return promise2(result);
  })
  .then((result) => {
    return promise3(result);
  })
  .then((result) => {
    // 处理最终结果
  });