koa洋葱模型

前几天面试node，面试官问了koa的中间件是如何实现的，我一想，卧槽，这特么不是我很熟悉的么，然后就哇啦啦啦的一顿操作，自己说的云里雾里，说到最后感觉说的怎么和自己想的不一样呢。结果就是比较惨了。最后想了想还是写下来把，从0到1写一个完整的koa-compose。

• 首先我的思考下脑子没问题，那么自己思路也没问题，那么就是表达不对，导致面试官听了后，心里想，码单，这特么说的啥玩意。算了算了，就当听懂了吧。（其实我自己说的自己都没听）。
• 写之前扯点别的，这个koa洋葱模型用到了闭包，递归，还有Promise（来控制执行流程）,偏函数等，从一个简单的来,先写个空壳子。

//v1.0,中间件的两种写法就不多说了，自己去看
[两种不同中间件](https://github.com/demopark/koa-docs-Zh-CN)
// 异步函数不多说。
let middlewares=[
async function(ctx,next){
  console.log('one');
  await next();
},
async function(ctx,next){
  console.log('one');
  await next();
}
]；
function compose(middleware){
    return function(ctx,next){
      // 执行流程
    }
}
// 返回的是一个闭包函数
let middlewareStart=compose(middlewares);
// 开始执行
middlewareStart(this);

• 重点来了，内部函数怎么来控制执行流程。这个先不看答案，自己思考下，我想想。
  • 执行顺序肯定是从第一个函数开始，所以默认是0，
  • 洋葱都是一层包裹一层，和我们说的串行化的概念一样。
  • 通过Promise来控制执行流程。

function compose(middleware){
  return function(context,next){
    function dispatch(i){
      // 取到第一个函数
      let fn=middleware[i];
      // 返回一个Promise实例，从第一个函数执行到最后一个函数
      return Promise.resolve(fn(context,dispatch.bind(null,i+1)));
    }
    return dispatch(0);
  }
}

• 写好一个1.0版本，我们执行看看，流程可以正跑起来，但是有一个error，查查原因，原来超过了数组长度，最后一个为空，我们做个处理。

function compose(middleware){
  return function(context,next){
    function dispatch(i){
      // 取到第一个函数
      let fn=middleware[i];
      // 超过数组的长度返回一个空的Promise实例
      if(!fn) return Promise.resolve();
      // 返回一个Promise实例，从第一个函数执行到最后一个函数
      return Promise.resolve(fn(context,dispatch.bind(null,i+1)));
    }
    return dispatch(0);
  }
}

• 我们再次跑起来看看，完美的执行了整个中间件。没有问题。最后我们和原作者的做个对比。发现有个小的区别。

  function compose(context, next) {
    // last called middleware #
    let index = -1
    return dispatch(0)
    function dispatch (i) {
      index = i
      let fn = middleware[i]
      // 多了一行这个操作。个人感觉没启到作用，不是没用，可以结合整个koa来看。
      if (i === middleware.length) fn = next
      if (!fn) return Promise.resolve()
      try {
        return Promise.resolve(fn(context, dispatch.bind(null, i + 1)));
      } catch (err) {
        return Promise.reject(err)
      }
    }
  }

• 最后来总结下koa中间件的执行流程（洋葱模型）。
• 通过async和await，Promise来控制执行流程，其实就串行执行。
• 通过偏函数将后面一个异步函数（这里在异步函数做了一层包装）作为前一个异步函数的参数（next）。
• 最后面试官来一句嗯，没毛病，那你再说说async和await的原理以及generator函数和yield，最好说下generator函数的流程管理。还有Promise的是是如何实现的也顺带说说。我听了之后，MMP。自己埋雷，炸自己。
• 后面继续分析generator函数和promise的实现原理。