首頁 > web前端 > js教程 > 深入淺析Nodejs中的'洋蔥模型”

深入淺析Nodejs中的'洋蔥模型”

青灯夜游
發布: 2021-05-17 09:29:21
轉載
4117 人瀏覽過

本篇文章帶大家了解一下Nodejs中的「洋蔥模型」。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。

深入淺析Nodejs中的'洋蔥模型”

目前比較流行的Node.js 框架有Express、KOA和Egg.js,其次是另一個正在興起的與TypeScript 相關的框架-Nest.js,無論是哪個Node.js 框架,都是基於中間件來實現的,而中間件(可以理解為一個類別或函數模組)的執行方式就需要依據洋蔥模型

推薦學習:《nodejs 教程

1. 洋蔥模型

洋蔥我們都知道,一層包裹著一層,層層遞進,但是現在不是看其立體的結構,而是需要將洋蔥切開來,從切開的平面來看,如圖所示:

深入淺析Nodejs中的洋蔥模型”

#可以看到要從洋蔥中心點穿過去,就必須先一層層向內穿入洋蔥表皮進入中心點,然後再從中心點一層層向外穿出表皮,這裡有個特點:進入時穿入了多少層表皮,出去時就必須穿出多少層表皮。先穿入表皮,後再穿出表皮,符合我們所說的棧列表,先進後出的原則。

2. 洋蔥模型與Node的關係

目前比較流行的Node.js 框架有Express、KOA 和Egg.js,無論是哪個Node.js 框架,都是基於中間件來實現的,而中間件(可以理解為一個類別或函數模組)的執行方式就需要依據洋蔥模型

洋蔥的表皮我們可以思考為中間件:

從外向內的過程是一個關鍵字next();

而從內向外則是每個中間件執行完畢後,進入原來的上一層中間件,一直到最外一層。

3. 中間件的執行

以express為例,以下是中間件的一個基本執行過程:

##、深入淺析Nodejs中的洋蔥模型”深入淺析Nodejs中的洋蔥模型”

Koa是基於Express的同一班人馬開發的下一代node框架,二者的主要區別:

    Express 封裝、內置了很多中間件,比如connect 和router ,而KOA 則比較輕量,開發者可以依照自身需求客製框架;
  • Express 是基於callback 來處理中間件的,而KOA 則是基於await/async;
  • #在當非同步執行中介軟體時,Express 並非嚴格依照洋蔥模型執行中間件,而KOA 則是嚴格遵循的(體現再兩者在中間件為非同步函數的時候處理會有不同)。

Express 和KOA 之間關於洋蔥模型的執行方式的區別介紹

我們

保留上述範例程式碼的原來三個中間件,同時在2 和3 之間插入一個新的非同步中間件,程式碼如下:

(1)express

/**
 * 异步中间件
 */
app.use(async (req, res, next) => {
    console.log('async');
    await next();
    await new Promise(
        (resolve) => 
            setTimeout(
                () => {
                    console.log(`wait 1000 ms end`);
                    resolve()
                }, 
            1000
        )
    );
    console.log('async end');
});
登入後複製

然後將其他中間件修改為await next() 方式,如下中間件1 的方式:

/**
 * 中间件 1
 */
app.use(async (req, res, next) => {
    console.log('first');
    await next();
    console.log('first end');
});
登入後複製

#重新運行,最終輸出結果為:

深入淺析Nodejs中的洋蔥模型”##可以看出,從外向內的是正常的,一層層往裡進行調用,從內向外時則發生了一些變化,最主要的原因是

異步中間件並沒有按照順序輸出執行結果

(2)Koa

保持上面的程式碼順序,只將對應的express語法改成koa語法,其中中間件1和非同步中間件程式碼部分如下範例:

const Koa = require('koa');
const app = new Koa();
/**
 * 中间件 1
 */
app.use(async (ctx, next) => {
    console.log('first');
    await next();
    console.log('first end');
});
/**
 * 异步中间件
 */
app.use(async (ctx, next) => {
    console.log('async');
    await next();
    await new Promise(
        (resolve) => 
            setTimeout(
                () => {
                    console.log(`wait 1000 ms end`);
                    resolve()
                }, 
            1000
        )
    );
    console.log('async end');
});
登入後複製
重新運行,最終輸出結果為:

深入淺析Nodejs中的洋蔥模型”#你會發現,KOA 嚴格按照了洋蔥模型的執行,從上到下,也就是從洋蔥的內部向外部,輸出first、second、async、third;接下來從內向外輸出third end、async end、second end、first end。

更多程式相關知識,請造訪:

程式設計教學

! !

以上是深入淺析Nodejs中的'洋蔥模型”的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:juejin.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板