![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
设计模式
文章平均质量分 62
wcc_chao@163.com
WEB高级软件工程师,在nodejs,reactjs,Android领域深耕多年
展开
-
typescript实现命令模式
typescript实现命令模式定义命令模式将不同的请求封装成命令对象,接受者根据实际业务调用这些命令对象。当不同的业务集中到一个方法中时,采用命令模式将每个业务作为一条命令执行,通过命令模式解除耦合。类模型Command接口: 包含excute(), undo()方法ConcreteCommand类,具体命令,实现Command接口Client类: 客户,创建命令->绑定请求者Receiver类: 具体业务Invoker类: 命令请求者。只接收指令并执行,不用管具体指令是什么。原创 2021-05-08 09:38:12 · 294 阅读 · 0 评论 -
js实现AOP,面向切面编程
js实现AOP,面向切面编程面向切面编程(AOP)是java常用编程思想,它的作用是在某个函数上进行切割,可以在函数执行前/中/后添加其他逻辑代码。AOP编程的好处是遵循单一原则,不会修改原函数内部的代码就可以改变原函数的逻辑。js中实现AOP使用protoType原型链,例如下面代码/** * 切入方法前 * @param {Function} fun 前置函数 * @returns */Function.prototype.before = function(fun){ va原创 2021-03-31 19:43:49 · 635 阅读 · 1 评论 -
js: 发布-订阅模式与观察者模式
发布-订阅模式与观察者模式发布-订阅模式与观察者模式1.什么是发布-订阅模式2.举例1.创建一个发布-订阅管理器2.页面3.业务代码3.发布-订阅模式与观察者模式有什么区别参考文献源码查看1.什么是发布-订阅模式发布订阅模式常用于异步编程,在浏览器中,我们调用document.body.addEventListener('click', function(){ })就是一种这种模式的实现,这段代码是在订阅一个body上的点击事件,当用户点击body后,dom就会发布一个类型为原创 2021-03-22 14:05:21 · 285 阅读 · 0 评论 -
js使用策略模式实现表单验证
使用策略模式实现表单验证1.什么是策略模式策略模式说起来很高大上,其实现实生活中很常见。比如,你要从老家去北京故宫游玩,可选的出行方式有坐火车、开车自驾、坐飞机等几种方式,至于选择哪种出现方式要看自己的经济能力和个人需求,而选择的过程就是一种策略模式。2.应用例子-表单验证在js代码中如何实现策略模式?1.你得有一堆可供选择的策略strategies = [one, two, three,...]2.根据不同的场景Context使用不同策略。下面我使用策略模式完成登录界面的表单验证,如果原创 2021-03-19 10:12:51 · 380 阅读 · 0 评论