傳入 originalEngine 到裝飾器 decorateExpressEngine 里：

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

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

我們再來看看生產(chǎn)版本的 engine 實現(xiàn)原理：傳入 decorator 的第一個 engine 實例，來自 Angular @nguniversal/express-engine:

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

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

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

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

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

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

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

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

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

因為傳入的 optimization option 為空，所以不使用 optimization engine，因此返回 original engine instance：

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

總結(jié)

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

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