在物件導向的程式設計中，命令模式是一種行為設計模式，其中物件用於封裝執行操作或稍後觸發事件所需的所有資訊。 此資訊包括方法名稱、擁有該方法的物件和方法引數的值。

與命令模式相關的四個術語是命令、接收者、呼叫者和客戶端。 命令物件知道接收者並呼叫接收者的方法。 接收器方法的引數值儲存在命令中。 執行這些方法的接收者物件也透過聚合儲存在命令物件中。 然後，當呼叫 command 中的 execute() 方法時，接收者會完成工作。 呼叫者物件知道如何執行命令，並且可以選擇對命令執行進行記錄。 呼叫者對具體命令一無所知，它只知道命令介面。 呼叫者物件、命令物件和接收者物件由客戶端物件持有，客戶端決定將哪些接收者物件分配給命令物件，以及將哪些命令分配給呼叫者。 客戶端決定在哪些點執行哪些命令。 為了執行命令，它將命令物件傳遞給呼叫者物件。

下面是 command 模式在 SAP Spartacus 中的具體實現。

點 email address 之前，user 模組並沒有被載入。

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

點選之後的 HTTP 請求：
![](https://img-blog.csdnimg.cn/img_convert/6f3be57bd42176d3d38dee1ad23b0c17.png)

http://localhost:4299/feature-libs_user_profile_public_api_ts.js

點了 save 按鈕之後，其 form 的 `onSubmit` 方法被呼叫：

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

`onSubmit` 呼叫 this.service.save 方法。

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

UpdateEmailComponentService 的依賴 `userEmail`, 型別為 `UserEmailFacade`，其 update 方法的實現是一個 `command` 模式。

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

facade 最後 delegate 到具體的實現類：
![](https://img-blog.csdnimg.cn/img_convert/5d4eb776ebfb5b62cc0839ec5ec7bb3a.png)

使用依賴注入進行實現類的例項化：
![](https://img-blog.csdnimg.cn/img_convert/8702bdbbac96ced498d4afa9d7f38817.png)

首先使用 this.command.create 建立一個 Command 例項，型別為 Command，傳入一個型別引數，包含 password 和 newUid 兩個欄位。

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

create 方法接收兩個引數，commandFactory 是一個工廠函式，接收具體待執行的 action 的輸入引數 payload.

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

工廠函式具體在這裡得到執行：
![](https://img-blog.csdnimg.cn/img_convert/ca9e2b69309ac78dac4ea019c8797e85.png)

生成一個新的 command 例項，然後返回。

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

稍後 email service 的 update 方法被呼叫。

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

呼叫剛剛返回的 command 例項的 execute 方法。

進入了剛剛返回的動態建立 command 例項的 execute 方法。

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

最終呼叫到了我們呼叫 create 建立 command 例項時傳入的工廠方法的 wrapper 程式碼處：

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

cmd 就是工廠函式的輸入引數：

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

這裡工廠函式本身也是 rxjs 呼叫，並沒有直接執行第 30 行的 connector.updateEmail 方法。

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

這個方法的具體呼叫還是在 command.execute 裡透過 `commands$.next` 被執行。

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

最後拿到了 `currentid`，作為引數傳遞給 update email connector：
![](https://img-blog.csdnimg.cn/img_convert/d96ac96760d0713d7410898c23f00090.png)

修改郵件地址的 url：https://localhost:9002/occ/v2/powertools-spa/users/current/login?lang=en&curr=USD

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

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

沒有 response。

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

Command 模式在 SAP Spartacus 中的具體應用一例

相關文章