Command|Command 模式在 SAP Spartacus 中的具体应用一例
在面向对象的编程中,命令模式是一种行为设计模式,其中对象用于封装执行操作或稍后触发事件所需的所有信息。 此信息包括方法名称、拥有该方法的对象和方法参数的值。
与命令模式相关的四个术语是命令、接收者、调用者和客户端。 命令对象知道接收者并调用接收者的方法。 接收器方法的参数值存储在命令中。 执行这些方法的接收者对象也通过聚合存储在命令对象中。 然后,当调用 command 中的 execute() 方法时,接收者会完成工作。 调用者对象知道如何执行命令,并且可以选择对命令执行进行记录。 调用者对具体命令一无所知,它只知道命令接口。 调用者对象、命令对象和接收者对象由客户端对象持有,客户端决定将哪些接收者对象分配给命令对象,以及将哪些命令分配给调用者。 客户端决定在哪些点执行哪些命令。 为了执行命令,它将命令对象传递给调用者对象。
下面是 command 模式在 SAP Spartacus 中的具体实现。
点 email address 之前,user 模块并没有被加载。
【Command|Command 模式在 SAP Spartacus 中的具体应用一例】
文章图片
点击之后的 HTTP 请求:
文章图片
http://localhost:4299/feature...
点了 save 按钮之后,其 form 的 onSubmit
方法被调用:
文章图片
onSubmit
调用 this.service.save 方法。
文章图片
UpdateEmailComponentService 的依赖 userEmail
, 类型为 UserEmailFacade
,其 update 方法的实现是一个 command
模式。
文章图片
facade 最后 delegate 到具体的实现类:
文章图片
使用依赖注入进行实现类的实例化:
文章图片
首先使用 this.command.create 创建一个 Command 实例,类型为 Command,传入一个类型参数,包含 password 和 newUid 两个字段。
文章图片
create 方法接收两个参数,commandFactory 是一个工厂函数,接收具体待执行的 action 的输入参数 payload.
文章图片
工厂函数具体在这里得到执行:
文章图片
生成一个新的 command 实例,然后返回。
文章图片
稍后 email service 的 update 方法被调用。
文章图片
调用刚刚返回的 command 实例的 execute 方法。
进入了刚刚返回的动态创建 command 实例的 execute 方法。
文章图片
最终调用到了我们调用 create 创建 command 实例时传入的工厂方法的 wrapper 代码处:
文章图片
cmd 就是工厂函数的输入参数:
文章图片
这里工厂函数本身也是 rxjs 调用,并没有直接执行第 30 行的 connector.updateEmail 方法。
文章图片
这个方法的具体调用还是在 command.execute 里通过 commands$.next
被执行。
文章图片
最后拿到了 currentid
,作为参数传递给 update email connector:
文章图片
修改邮件地址的 url:https://localhost:9002/occ/v2...
文章图片
payload:
文章图片
没有 response。
文章图片
更多Jerry的原创文章,尽在:"汪子熙":
文章图片
推荐阅读
- Azure|Azure KeyVault(三)通过 Microsoft.Azure.KeyVault 类库在 .NET Core 上获取 Secrets
- 纯前端如何在网页端播放摄像头的实时画面
- Vue2.0源码学习(6)|Vue2.0源码学习(6) - 组件注册
- Delphi|60岁还在写代码的程序员大师,Delphi、C#、TypeScript之父Anders Hejlsberg(安德斯·海尔斯伯格)(编程符合10000小时定律)
- java编程创建型设计模式工厂方法模式示例详解
- 在SpringBoot中注入RedisTemplate实例异常的解决方案
- javascript设计模式之鸭子类型和多态
- 多线程环境单例模式
- jQuery实现锁定页面元素(表格列)
- 在线键盘按键检测工具