摘要：任何一層報(bào)錯(cuò)，都能用捕獲總結(jié)是一個(gè)非常輕量級的框架，只實(shí)現(xiàn)了中間件處理流程和對對象的封裝。其他的功能都由外部中間件提供。

koa 的中間件機(jī)制巧妙的運(yùn)用了閉包和 async await 的特點(diǎn)，形成了一個(gè)洋蔥式的流程，和 JS 的事件流 (捕獲 -> target -> 冒泡) 相似

  handleRequest(ctx, fnMiddleware) {
    const res = ctx.res;
    res.statusCode = 404;
    const onerror = err => ctx.onerror(err);
    const handleResponse = () => respond(ctx);
    onFinished(res, onerror);
    return fnMiddleware(ctx).then(handleResponse).catch(onerror);
  }

上述代碼是 request 事件的句柄，也就是說每一個(gè)請求到來，都會執(zhí)行這個(gè)總方法

onerror 為請求設(shè)置了錯(cuò)誤處理的方法

handleResponse 是當(dāng)中間件完成后給瀏覽器返回 response 的方法，里面是原生的 res.end(body)

onFinished 是判斷請求最終有沒有完成，根據(jù)不同的結(jié)果采取不同的策略

fnMiddleware(ctx) 就是執(zhí)行所有中間件函數(shù)，然后返回一個(gè) Promise 對象，不出錯(cuò)的話執(zhí)行 handleResponse

值得一提的是，中間件原理的代碼并沒有放在 koa 中，而是多帶帶打了一個(gè)模塊，叫做 ==koa-compose==

function (context, next) {
    // last called middleware #
    let index = -1
    return dispatch(0)
    function dispatch (i) {
      if (i <= index) return Promise.reject(new Error("next() called multiple times"))
      index = i
      let fn = middleware[i]
      if (i === middleware.length) fn = next
      
      // 返回給 next()
      if (!fn) return Promise.resolve() 
      try {
      
        // 返回給 next()，最外一層返回給 fnMiddleware(ctx).then(handleResponse)
        return Promise.resolve(fn(context, function next () { 
        
          // 返回給外一層 fn 的 await
          return dispatch(i + 1) 
        }))
      } catch (err) {
        return Promise.reject(err)
      }
    }
  }

執(zhí)行一次 dispatch 就是執(zhí)行一個(gè)中間件，算是洋蔥的一層

每個(gè) dispatch 都會返回一個(gè) Promise.resolve 給外面一層的 await（除了第一次，他返回給的是 fnMiddleware(ctx).then(handleResponse)）

每個(gè) dispatch 都有一個(gè)自己的序號，也就是參數(shù) i (他用閉包控制住了) ，從 0 開始

閉包里有一個(gè) index，是記錄執(zhí)行過的中間件數(shù)量。一旦有序號大于數(shù)量，說明有中間件執(zhí)行了兩次 await next，這是不被允許的

每一層用 Promise.resolve 包裹是因?yàn)?await 需要接收一個(gè) Promise 對象

下面就是中間件原理的展開寫法，仔細(xì)琢磨吧

    function dispatch(0){ // 第一層的序號
        return Promise.resolve(async function a0(){
            cnosole.log("0-0")
            await 111(function next0(){
                return (function dispatch(1){ // 第二層的序號
                    return Promise.resolve(async function a1(){
                        cnosole.log("1-0")
                        await 222(function next1(){
                            return (function dispatch(2){ // 第三層的序號
                                return Promise.resolve(async function a2(){
                                    cnosole.log("2-0")
                                    await 333(function next2(){
                                        return (function dispatch(3){ // i == middleware.length ，算是洋蔥芯吧
                                        
                                            // fn[3] == undefined，說明中間件已經(jīng)到洋蔥的最里面了，開始向外返回
                                            return Promise.resolve()
                                        })()
                                    })()333
                                    console.log("2-1")
                                })
                            })()
                        })()222
                        console.log("1-1")
                    })
                })()
            })()111
            console.log("0-1")
        })
    }    

    dispatch(0).then(handleResponse)

app.use(async function (ctx,next) {
    console.log("1-1")
    await new Promise(function(resolve, reject){
        setTimeout(function () {
            console.info

            ("wait for 10 mini seconds.");
            resolve();
        },10);
    });
    console.log("1-2")
    next();
    console.log("1-3")
})

app.use(async function (ctx,next) {
    console.log("2-1")
    await new Promise(function(resolve){
        setTimeout(function () {
            console.info

            ("wait for 10 mini seconds");
            resolve();
        },10);
    });
    console.log("2-2")
    next();
    console.log("2-3")
})

試試 next() 前面加上 await 和不加 await 的區(qū)別就明白了

因?yàn)樗茄笫[式的層級，如果用普通的 Boolean 返回的話，只能返回到上一層，沒法全局獲取，對錯(cuò)誤的把控難以控制。Promise 任何一層報(bào)錯(cuò)，都能用 catch 捕獲

koa 是一個(gè)非常輕量級的框架，只實(shí)現(xiàn)了中間件處理流程和對 res、req 對象的封裝。其他的功能都由外部中間件提供。代碼不是很多，但是很精妙，對于代碼能力的提高有不小的幫助

?
?