Nodejs中的“洋蔥模型

小編給大家分享一下Nodejs中的“洋蔥模型，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

目前比較流行的 Node.js 框架有Express、KOA和Egg.js，其次是另外一個(gè)正在興起的與 TypeScript 相關(guān)的框架——Nest.js，無(wú)論是哪個(gè) Node.js 框架，都是基于中間件來(lái)實(shí)現(xiàn)的，而中間件（可以理解為一個(gè)類或者函數(shù)模塊）的執(zhí)行方式就需要依據(jù)洋蔥模型

1. 洋蔥模型

洋蔥我們都知道，一層包裹著一層，層層遞進(jìn)，但是現(xiàn)在不是看其立體的結(jié)構(gòu)，而是需要將洋蔥切開來(lái)，從切開的平面來(lái)看，如圖 所示：

可以看到要從洋蔥中心點(diǎn)穿過(guò)去，就必須先一層層向內(nèi)穿入洋蔥表皮進(jìn)入中心點(diǎn)，然后再?gòu)闹行狞c(diǎn)一層層向外穿出表皮，這里有個(gè)特點(diǎn)：進(jìn)入時(shí)穿入了多少層表皮，出去時(shí)就必須穿出多少層表皮。先穿入表皮，后穿出表皮，符合我們所說(shuō)的棧列表，先進(jìn)后出的原則。

2. 洋蔥模型與Node的關(guān)系

目前比較流行的 Node.js 框架有Express、KOA 和 Egg.js，無(wú)論是哪個(gè) Node.js 框架，都是基于中間件來(lái)實(shí)現(xiàn)的，而中間件（可以理解為一個(gè)類或者函數(shù)模塊）的執(zhí)行方式就需要依據(jù)洋蔥模型

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

從外向內(nèi)的過(guò)程是一個(gè)關(guān)鍵詞 next()；

而從內(nèi)向外則是每個(gè)中間件執(zhí)行完畢后，進(jìn)入原來(lái)的上一層中間件，一直到最外一層。

3. 中間件的執(zhí)行

以express為例，以下就是中間件的一個(gè)基本執(zhí)行過(guò)程：

、

Koa是基于Express的同一班人馬開發(fā)的下一代node框架，二者的主要區(qū)別：

• Express 封裝、內(nèi)置了很多中間件，比如 connect 和 router ，而 KOA 則比較輕量，開發(fā)者可以根據(jù)自身需求定制框架；

• Express 是基于 callback 來(lái)處理中間件的，而 KOA 則是基于 await/async；

• 在異步執(zhí)行中間件時(shí)，Express 并非嚴(yán)格按照洋蔥模型執(zhí)行中間件，而 KOA 則是嚴(yán)格遵循的（體現(xiàn)再兩者在中間件為異步函數(shù)的時(shí)候處理會(huì)有不同）。

Express 和 KOA 之間關(guān)于洋蔥模型的執(zhí)行方式的區(qū)別介紹：

我們保留上述示例代碼的原來(lái)三個(gè)中間件，同時(shí)在 2 和 3 之間插入一個(gè)新的異步中間件，代碼如下：

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

重新運(yùn)行，最終輸出結(jié)果為：

可以看出，從外向內(nèi)的是正常的，一層層往里進(jìn)行調(diào)用，從內(nèi)向外時(shí)則發(fā)生了一些變化，最主要的原因是異步中間件并沒(méi)有按照順序輸出執(zhí)行結(jié)果。

（2）Koa保持上面的代碼順序，只將對(duì)應(yīng)的express語(yǔ)法改成koa語(yǔ)法，其中中間件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');
});

重新運(yùn)行，最終輸出結(jié)果為：

你會(huì)發(fā)現(xiàn)，KOA 嚴(yán)格按照了洋蔥模型的執(zhí)行，從上到下，也就是從洋蔥的內(nèi)部向外部，輸出 first、second、async、third；接下來(lái)從內(nèi)向外輸出 third end、async end、second end、first end。

以上是“Nodejs中的“洋蔥模型”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！