前端设计模式
闲云野鹤_物竞天择
前端开发工程师
展开
-
[精华]javascript-设计模式-发布-订阅模式
javascript-设计模式-发布-订阅模式//发布-订阅模式=观察者模式//在操作dom的时候的应用document.body.addEventListener('click',function(){ alert(1)},false)document.body.addEventListener('click',function(){ alert(2)},false)document.body.addEventListener('click',function(){原创 2020-12-20 19:35:20 · 182 阅读 · 0 评论 -
[精华]javascript策略模式--2020年
策略模式传统语言的策略模式耦合性太强的if条件策略,违背了开放-封闭原则[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IK3NswRT-1605062345945)(./code.png)]策略类和处理策略类分离的,松耦合的策略模式[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lvoVGc6N-1605062345950)(./code1.png)]javascript版本的策略模式const strategy={..原创 2020-11-11 10:42:30 · 132 阅读 · 0 评论 -
[精华]javascript[装饰器模式]--2020年
装饰器模式//基于原型链的装饰器模式const plane={ fire:function(){ console.log('发射子弹') }}let fire1=plane.fireplane.fire=function(){ fire1() console.log('发射炮弹')}let fire2=plane.fire;plane.fire=function(){ fire2() console.log('发射原子弹'原创 2020-11-11 10:44:47 · 133 阅读 · 0 评论 -
[精华]javascript单例模式--2020年
单例模式javascript类实现单例模式构造类实现单例模式const Obj=function(name,age){ this.name=name; this.age=age;}Obj.prototype.init=function(){ console.log('实现单例模式')}Obj.getState=function(data,val){ let state; if(!state){ state=new Obj(data,val) } r原创 2020-11-11 10:45:43 · 671 阅读 · 0 评论