傳入 originalEngine 到裝飾器 decorateExpressEngine 里：

傳出的是一個(gè) engine 函數(shù)，engine 函數(shù)包括了 original Engine 這個(gè)函數(shù)，然后調(diào)用 engine 函數(shù)，同時(shí)將 Engine 參數(shù)傳入，得到第二個(gè) engine instance 函數(shù)。

最后的服務(wù)器端渲染，就是該 engine instance 函數(shù)負(fù)責(zé)處理。

我們?cè)賮?lái)看看生產(chǎn)版本的 engine 實(shí)現(xiàn)原理：傳入 decorator 的第一個(gè) engine 實(shí)例，來(lái)自 Angular @nguniversal/express-engine:

這個(gè)裝飾器返回一個(gè)新的函數(shù)。

(1) NgExpressEngine 的輸入?yún)?shù)
(2) Spartacus 開(kāi)發(fā)團(tuán)隊(duì)引入的優(yōu)化參數(shù)，通過(guò)閉包傳入
(3) Angular 標(biāo)準(zhǔn)的 NgExpressEngine 實(shí)例

在實(shí)際的生產(chǎn)代碼里，通過(guò)裝飾器的 get 方法，傳入 nguniversal/express-engine 標(biāo)準(zhǔn)的 engine，返回 ngExpressEngine：

然后這個(gè) ngExpressEngine 被作為參數(shù)，傳入 server.engine 處理參數(shù)：

再看單元測(cè)試?yán)锏拇a：傳入裝飾器的第二個(gè)參數(shù)為 null，意思是不使用 optimization engine：

第135行代碼返回的是下圖第47行的函數(shù)體本身：

如果我們觀(guān)察返回的 engine 實(shí)例，就能發(fā)現(xiàn)它內(nèi)部包含兩個(gè)閉包，存儲(chǔ)了裝飾器調(diào)用時(shí)，傳入的 originalEngine 和 optimization option 的值：

接下來(lái)執(zhí)行第136行代碼，即 135行裝飾器返回的新函數(shù)的函數(shù)體：

當(dāng)然，因?yàn)?ngExpressEngine 已經(jīng)被 mock 過(guò)了，所以返回 callFake 指定的 mock 版本的實(shí)現(xiàn)：

因?yàn)閭魅氲?optimization option 為空，所以不使用 optimization engine，因此返回 original engine instance：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI SSR 里 engine 和 engine instance 的区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。