异步编程中的Promise面试题深入剖析

2023-10-15 08:18:50

挑战自我：直面Promise难题

在面试中，一道有关Promise的难题引发了我的思考和挑战。这道题考察的是对Promise的深入理解和应用能力，当时的我未能当场给出解决方案，但经过反复思考和钻研，终于掌握了这道题的精髓，在此分享给各位读者。

题目解析：抽丝剥茧，层层递进

这道题的本质是考察对Promise的理解和运用，具体内容如下：

题目

实现一个函数add，它可以将任意数量的Promise对象传入作为参数，并返回一个新的Promise对象。该函数应返回一个新的Promise对象，其结果是所有输入Promise对象的结果之和。如果任何一个输入Promise对象被拒绝，则新Promise对象应被拒绝，并返回第一个被拒绝的Promise对象的错误。

题目解析：

理解题意：这道题要求我们实现一个函数，该函数可以将任意数量的Promise对象作为参数，并返回一个新的Promise对象。新的Promise对象的结果是所有输入Promise对象的结果之和。如果任何一个输入Promise对象被拒绝，则新Promise对象应被拒绝，并返回第一个被拒绝的Promise对象的错误。
剖析题干：这道题的关键在于理解Promise的特性和使用方法。Promise是一个JavaScript对象，用于表示一个异步操作的结果。它可以处于三种状态：pending（等待）、fulfilled（已完成）和rejected（已拒绝）。一个Promise对象可以通过then()方法来处理结果。then()方法有两个参数，第一个参数是fulfilled时的处理函数，第二个参数是rejected时的处理函数。
设计算法：根据对题意的理解和对Promise的特性，我们可以设计如下算法来解决这个问题：

创建一个新的Promise对象。
将所有输入Promise对象的结果存储在一个数组中。
遍历数组，并计算所有结果的总和。
如果任何一个输入Promise对象被拒绝，则将新的Promise对象标记为rejected，并返回第一个被拒绝的Promise对象的错误。
否则，将新的Promise对象标记为fulfilled，并返回计算出的总和。

实现代码：细致入微，精益求精

根据上述算法，我们可以编写如下代码来实现add函数：

function add(...promises) {
  return new Promise((resolve, reject) => {
    const results = [];
    let pendingCount = promises.length;

    promises.forEach((promise, index) => {
      promise
        .then((result) => {
          results[index] = result;
          pendingCount--;
          if (pendingCount === 0) {
            resolve(results.reduce((a, b) => a + b, 0));
          }
        })
        .catch((error) => {
          reject(error);
        });
    });
  });
}