久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

    1. <style id="76ofp"></style>

      <style id="76ofp"></style>
      <rt id="76ofp"></rt>
      <form id="76ofp"><optgroup id="76ofp"></optgroup></form>
      1. 千鋒教育-做有情懷、有良心、有品質的職業(yè)教育機構

        手機站
        千鋒教育

        千鋒學習站 | 隨時隨地免費學

        千鋒教育

        掃一掃進入千鋒手機站

        領取全套視頻
        千鋒教育

        關注千鋒學習站小程序
        隨時隨地免費學習課程

        當前位置:首頁  >  技術干貨  > 淺談koa中間件的實現原理

        淺談koa中間件的實現原理

        來源:千鋒教育
        發(fā)布人:qyf
        時間: 2022-10-10 15:29:38 1665386978

          koa中間件的實現原理如何?先來看一個例子。

          koa的執(zhí)行順序是這樣的:

          const middleware = async function (ctx, next) {

          console.log(1)

          await next()

          console.log(6)

          }

          const middleware2 = async function (ctx, next) {

          console.log(2)

          await next()

          console.log(5)

          }

          const middleware3 = async function (ctx, next) {

          console.log(3)

          await next()

          console.log(4)

          }

          會依次打印1,2,3,4,5,6

        圖片12

          問題是koa中間件實現原理,也就是洋蔥模型的實現原理是什么?

          一、問題分析

          async await是promise的語法糖,await后面跟一個promise,所以上面的代碼可以寫成:

          const middleware = function (ctx, next) {

          console.log(1)

          next().then(() => {

          console.log(6)

          })

          }

          const middleware2 = function (ctx, next) {

          console.log(2)

          next().then(() => {

          console.log(5)

          })

          }

          const middleware3 = function (ctx, next) {

          console.log(3)

          next().then(() => {

          console.log(4)

          })

          }

          改成這樣更好理解一些,所以流程控制的核心在于next的實現。

          next要求調用隊列中下一個middleware,當達到最后一個的時候resolve。這樣最后面的promise先resolve,一直到第一個,這樣就是洋蔥模型的順序了。

          二、實現

          koa-compose的實現是這樣的:

          function compose(middleware) {

          return function (context, next) {

          let index = -1

          return dispatch(0)

          function dispatch(i) {

          index = i

          let fn = middleware[i]

          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)

          }

          }

          }

          }

          我們把一些參數檢查的非核心邏輯去掉了,實現代碼就上面那些。每次傳入的next都是調用下一個middleware,這樣是一個遞歸的過程,結束條件是最后一個middleware的next是用戶傳入的。

          這里面有一些亮點:

          1. 這是一種尾遞歸的形式,尾遞歸的特點是最后返回的值是一個遞歸的函數調用,這樣執(zhí)行完就會在調用棧中銷毀,不會占據調用棧.

          2. 返回的是一個Promise.resolve包裝之后的調用,而不是同步的調用,所以這是一個異步遞歸,異步遞歸比同步遞歸的好處是可以被打斷,如果中間有一些優(yōu)先級更高的微任務,那么可以先執(zhí)行別的微任務

          3. compose是函數復合,把n個middleware復合成一個,參數依然是context和next,這種復合之后依然是一個middleware,還可以繼續(xù)進行復合。

          三、總結

          Koa 中間件的實現原理,也就是洋蔥模型的實現原理,核心在于next的實現。next需要依次調用下一個middleware,當到最后一個的時候結束,這樣后面middleware的promise先resolve,然后直到第一個,這樣的流程也就是洋蔥模型的流程了。

          實現的時候還有一些細節(jié),一個是遞歸最好做成尾遞歸的形式,而是用異步遞歸而不是同步遞歸,第三就是形式上用函數復合的形式,這樣復合之后的中間件還可以繼續(xù)復合。

        tags:
        聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
        10年以上業(yè)內強師集結,手把手帶你蛻變精英
        請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
        免費領取
        今日已有369人領取成功
        劉同學 138****2860 剛剛成功領取
        王同學 131****2015 剛剛成功領取
        張同學 133****4652 剛剛成功領取
        李同學 135****8607 剛剛成功領取
        楊同學 132****5667 剛剛成功領取
        岳同學 134****6652 剛剛成功領取
        梁同學 157****2950 剛剛成功領取
        劉同學 189****1015 剛剛成功領取
        張同學 155****4678 剛剛成功領取
        鄒同學 139****2907 剛剛成功領取
        董同學 138****2867 剛剛成功領取
        周同學 136****3602 剛剛成功領取
        相關推薦HOT
        福安市| 东海县| 盐池县| 曲沃县| 德兴市| 五原县| 绵竹市| 黄石市| 东明县| 东方市| 湟源县| 读书| 开化县| 资源县| 祁阳县| 鹿泉市| 原平市| 盘山县| 大理市| 乡城县| 保定市| 全州县| 康定县| 信阳市| 彩票| 临漳县| 威信县| 丹江口市| 新巴尔虎右旗| 乡城县| 连州市| 山丹县| 缙云县| 威信县| 南皮县| 确山县| 石台县| 江西省| 祁阳县| 夏河县| 冕宁县|