探究一道价值25k的蚂蚁金服异步串行面试题

接下来我将详细讲解“探究一道价值25k的蚂蚁金服异步串行面试题”的完整攻略。

题目描述

这是一道蚂蚁金服的异步串行面试题，题目描述如下：

有三个函数，分别是func1、func2、func3

const func1 = () => Promise.resolve(console.log('func1'));
const func2 = () => Promise.resolve(console.log('func2'));
const func3 = () => Promise.resolve(console.log('func3'));

请你编写一个程序，在保证以下两点的前提下，让三个函数异步串行执行：

1. 不能使用 async/await
2. 不能修改函数内部代码

解题思路

此题的要点是不能使用 async/await 和不能修改函数内部代码，因此我们需要使用 Promise 的 then 方法实现异步串行。

基本思路是按顺序调用 Promise，后一个 Promise 的 then 方法中调用下一个 Promise，从而实现异步串行。

具体实现方法是利用一个链式的 then 方法，分别将三个 Promise 的 then 方法放置在一起。

func1().then(() => {
  func2().then(() => {
    func3();
  });
});

这样就可以保证三个函数异步串行执行。

但是这种方法层数过多，难以维护和扩展，比较麻烦。

此时我们可以使用递归调用的方法，将三个 Promise 全部放在一个数组中，然后遍历该数组，每次取出第一个 Promise 执行，然后递归调用该方法，将剩余的 Promise 继续进行遍历。

const promiseArr = [func1, func2, func3];
promiseArr.reduce((promiseChain, currentPromise) => {
  return promiseChain.then(currentPromise);
}, Promise.resolve());

这样我们就可以简化代码，实现异步串行执行三个函数。

示例说明

示例一

const func1 = () => Promise.resolve(console.log('func1'));
const func2 = () => Promise.resolve(console.log('func2'));
const func3 = () => Promise.resolve(console.log('func3'));


// 递归调用的方法
const promiseArr = [func1, func2, func3];
promiseArr.reduce((promiseChain, currentPromise) => {
  return promiseChain.then(currentPromise);
}, Promise.resolve());

// 输出结果：
// func1
// func2
// func3

示例二

const func1 = () => Promise.resolve(console.log('func1'));
const func2 = () => Promise.resolve(console.log('func2'));
const func3 = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log('func3');
      resolve();
    }, 1000);
  });
};
// func3 延迟执行 1 秒钟

// 递归调用的方法
const promiseArr = [func1, func2, func3];
promiseArr.reduce((promiseChain, currentPromise) => {
  return promiseChain.then(currentPromise);
}, Promise.resolve());

// 输出结果：
// func1
// func2
// func3（延迟1秒钟）

从以上示例可以看出，即使 func3 函数中加入了延迟，采用递归调用的方法仍然可以保证三个函数的异步串行执行。