BFE.devAI解答 - JavaScript 代码题
54. 扁平化Thunk

解题思路：

扁平化Thunk意味着将所有嵌套的thunk串联起来，可以理解为将所有的异步操作按顺序执行，并将结果传递给最后一个回调函数。在处理嵌套thunk的过程中，如果有一个thunk发生错误，则需要跳过后续的所有thunk。可以采用递归的方式来处理。

具体实现：

首先定义flattenThunk函数，接收一个thunk作为参数，并返回一个新的函数，该函数内部接收一个回调函数。

调用flattenThunk返回的函数时，触发thunk，传入一个新的接受Error和result的回调函数。

判断result是否是一个thunk，如果是，则递归调用flattenThunk，将新的回调函数作为参数传入。

否则，直接触发回调函数，将error和result作为参数传入。

如果发现有错误，则直接调用最终回调函数，将错误作为参数传入，不再执行后续操作。

完整代码如下：

function flattenThunk(thunk) {  return function(done) {    function handleResult(err, data) {      if (err) return done(err)      if (typeof data === 'function') {        // 递归调用        data(handleResult)      } else {        done(null, data)      }    }    thunk(handleResult)  }}

测试：

const func1 = (cb) => {  setTimeout(() => cb(null, 'ok'), 10)}const func2 = (cb) => {  setTimeout(() => cb(null, func1), 10)}const func3 = (cb) => {  setTimeout(() => cb(null, func2), 10)}flattenThunk(func3)((error, data) => {  console.log(data) // 'ok'})

输出结果：

ok