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

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

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

推薦學習：《nodejs 教程》

1. 洋蔥模型

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

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

2. 洋蔥模型與Node的關係

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

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

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

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

3. 中間件的執行

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

##、

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');
});

#重新運行，最終輸出結果為：

##可以看出，從外向內的是正常的，一層層往裡進行調用，從內向外時則發生了一些變化，最主要的原因是

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

。

（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');
});

重新運行，最終輸出結果為：

#你會發現，KOA 嚴格按照了洋蔥模型的執行，從上到下，也就是從洋蔥的內部向外部，輸出first、second、async、third；接下來從內向外輸出third end、async end、second end、first end。

更多程式相關知識，請造訪：

程式設計教學

！ ！

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