首先看這個 class 的 get 定義：

![](https://img-blog.csdnimg.cn/img_convert/77a8096cc31af18109213cef9d013f35.png)

接收兩個輸入引數，型別為：

* NgExpressEngine
* SsrOptimizationOptions

返回一個包裝後的 NgExpressEngine

NgExpressEngine 是 Spartacus 自己建立的型別，本質是一個函式，輸入引數為 NgSetupOptions，返回型別為 NgExpressEngineInstance.

![](https://img-blog.csdnimg.cn/img_convert/ad2443841aa519a13e3ed27b0e240931.png)

後者又是一個函式，作為 ExpressEngine 的執行例項，接收 filePath，option 和 callback 作為引數。

![](https://img-blog.csdnimg.cn/img_convert/704a90c5a55147d336c120df16484eeb.png)

一一對應：
![](https://img-blog.csdnimg.cn/img_convert/6ea0ee95808dfba55c4b359131359f87.png)

![](https://img-blog.csdnimg.cn/img_convert/a225da46123bb944f0b8334a1def01a0.png)

返回一個新的函式，接收 E 即標準的 NgExpressEngine 的輸入引數作為輸入引數，同時將原來的兩個輸入引數 NgExpressEngine 和 Spartacus optimization 值儲存起來：
![](https://img-blog.csdnimg.cn/img_convert/723299d8c3da5bd82e5ee9a9ff8d2a49.png)

稍後，在 server.ts 裡，我們呼叫這個被包裝之後的 ngExpressEngine，此時，輸入引數為一個物件，欄位為 bootstrap，這個物件就是圖 E：NgSetupOptions

![](https://img-blog.csdnimg.cn/img_convert/7dd4bac2f00a0678e96b976e73ac9581.png)

![](https://img-blog.csdnimg.cn/img_convert/08941d16ecacbe2e4ab04ed04ef5b36a.png)

此時，執行函式體：
![](https://img-blog.csdnimg.cn/img_convert/c697e03b85cf6a3497d9b8733d6cabfc.png)

Object.assign() 方法用於將所有可列舉屬性的值從一個或多個源物件分配到目標物件。它將返回目標物件。

呼叫 get 方法時傳入的值，透過閉包儲存在此：
![](https://img-blog.csdnimg.cn/img_convert/a465799b15a0bcfec581f5d642dd163f.png)

三個點，就是將若干物件的不同名欄位進行合併，最終結果：

![](https://img-blog.csdnimg.cn/img_convert/8169d877802a0d9b1d841c4780a62906.png)

其中閉包裡的第一個輸入引數，即是標準的 ngExpressEngine：
![](https://img-blog.csdnimg.cn/img_convert/027e04ba896a3515d00891f1195d7233.png)

這裡就是 Angular 標準的實現了，我們不操心：
![](https://img-blog.csdnimg.cn/img_convert/b197693cd28d7c0e58bfe951af97d69e.png)

注意返回的型別：
![](https://img-blog.csdnimg.cn/img_convert/ba5acd2a24cbed93bb23bb9f75a61f6c.png)

建立 OptimizationEngine 例項：
![](https://img-blog.csdnimg.cn/img_convert/e1540f9059a546c12992b0a51258347c.png)

最後，返回一個新的函式 renderResponse，且該函式執行時，執行上下文為 OptimizedSsrEngine 本身：

![](https://img-blog.csdnimg.cn/img_convert/d5d5c2d6133c61f18c33819d2b4f8073.png)

從現在開始，this.engines 指向 Spartacus 自己的 renderResponse 函式了：

![](https://img-blog.csdnimg.cn/img_convert/5a8f3b36ced78599f977ac57dd68d872.png)

SAP Spartacus NgExpressEngineDecorator 的工作原理

相關文章