js设计模式
_阿锋丶
这个作者很懒,什么都没留下…
展开
-
观察者模式的理解以及在前端的广泛应用
文章目录观察者模式的理解js代码应用场景事件绑定Promise观察者模式的理解观察者模式(Observer):定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并自动更新发布 订阅一对多关系(1:n)//n可以是1左侧是观察者,被定义好后等待被触发,触发就执行update(),右侧的subject是一个被观察者,他可以被多个观察者观察,当它的状态改变时,所有观察它的观察者都会触发update()方法,知道它的状态已经改变js代码// 被观察者原创 2020-11-03 18:47:17 · 721 阅读 · 0 评论 -
js代理模式理解和应用场景
文章目录代理模式的理解类图传统类图简化js类图js代码代理模式在前端的使用场景网页事件代理jQuery的$.proxyES6的Proxy语法总结代理模式的理解Proxy(代理模式):为其他对象提供一种代理以控制这个对象的访问使用者无权访问目标对象中间加代理,通过哦代理做授权和控制比方:比如买火车票这件小事:黄牛相当于是我们本人的的代理,我们可以通过黄牛买票。通过黄牛买票,我们可以避免与火车站的直接交互,可以省很多事,并且还能享受到黄牛更好的服务(如果钱给够的话)类图传统类图顶层有原创 2020-11-02 11:38:57 · 742 阅读 · 0 评论 -
ES7装饰器语法
文章目录装饰类初识简单用lol皮肤概念于装饰器模式装饰方法案例1:修改方法的特性案例二:为添加日志装饰类ES7的装饰器完全是在装饰器模式的基础上产生的,关于装饰器模式,可以点击这里先理解一波。初识下面直接看Demo装饰Demo@testDec // testDec是一个函数class Demo{}function testDec(target){ //这里的target就是Demo target.isDec = true //添加一个装饰的属性}alert(Demo.原创 2020-10-30 13:10:15 · 1108 阅读 · 0 评论 -
装饰器模式-从java代码到javascript的深入理解
装饰器模式的理解动态地给一个对象添加一些额外的职责,他提供了用子类扩展功能的一个灵活的替代,比派生一个子类更加灵活(附加职责)总结下来就下面两点:为对象添加新功能不改变其原有的结构和功能打一个比方就更好理解了:你的手机和手机壳的关系在java中的实现传统UML类图对类图的理解:构件作用Component,抽象构件Component是一个接口或者抽象类,是定义我们最核心的对象,也可以说是最原始的对象,比如上面的肉夹馍。ConcreteComponent原创 2020-10-29 11:35:34 · 254 阅读 · 0 评论 -
js适配器模式从java代码到js的简化及在前端编程中应用
适配器模式的定义与理解将一个接口转换成客户希望的另一个接口,使接口不兼容的那些类可以一起工作,其别名为包装器(Wrapper)。适配器模式既可以作为类结构型模式,也可以作为对象结构型模式。在适配器模式中,我们通过增加一个新的适配器类来解决接口不兼容的问题,使得原本没有任何关系的类可以协同工作。适配器经典的一个理解例子如下:旧的插座接口不兼容,加一个适配器适配,使得能供电传统类图和java代码理解目标接口(Target):客户所期待的接口。目标可以是具体的或抽象的类,也可以是接口。需要适原创 2020-10-27 15:45:49 · 208 阅读 · 0 评论 -
软考-面向对象基本概念和23种设计模式的理解
面向对象的基本概念关键词解析对象属性(数据)+方法(操作)+对象ID类实体类ER/控制类MVC的控制器、边界类,对对象的抽象,具有相同属性对象的集合继承与泛化复用机制封装隐藏对象的属性和实现细节,仅对外开放接口多态不同对象收到同样的消息产生不同的结果(离不开继承,一般呈现在运行时接口一种特殊的类,他只有方法定义没有实现重载一个类可以有多个同名而参数类型不同重写子类对父类的方法进行重写模板类提供一个产类的模型消息和消原创 2020-10-22 17:29:45 · 1200 阅读 · 0 评论 -
策略模式-js和java代码深刻理解
策略模式的定义策略模式(Strategy):定义一系列的算法,把它们一个个封装起来,并且使它们之间可互相替换,从而让算法可以独立于使用它的用户而变化(多方案切换),对于不同策略的分开处理策略对于实际情况:可以避免出现大量的if…else或者switch…case策略模式的java代码理解抽象策略角色这个是一个抽象的角色,通常情况下使用接口或者抽象类去实现。对比来说,就是我们的Comparator接口。具体策略角色包装了具体的算法和行为。对比来说,就是实现了Comparator接口的实现一组实原创 2020-10-26 22:40:45 · 124 阅读 · 0 评论 -
单例模式java代码和js代码对比,以及应用
文章目录单例模式含义单例模式的UML类图及解析代码先用java代码理解一下单例模式的ES6写法应用场景登录框逻辑单例模式含义所谓的单例,就是一个类智能初始化一个实例,而且在系统中被唯一使用,比如一个网站再怎么复杂也只有一个登录框单例模式的UML类图及解析instance前面的减号代表是不能被外部访问的是私有的,-SingleObject是一个私有的构造函数,也是不能被外部访问的。满足了一个类只有一个实例的要求。下面的+getInstance就是返回实例了,+号代表public所以单例模式需要原创 2020-10-22 14:13:16 · 260 阅读 · 0 评论 -
js工厂模式在jquery,vue,react中的应用
工厂模式定义工厂模式是我们最常用的实例化对象模式了,是用工厂方法代替new操作的一种模式,工厂模式就相当于创建实例对象的new工厂模式的UML类图上面的Creatot类就相当于工厂,Product相当于工厂中的产品上图中Profuct类是产品,有name属性,还有三个方法,Creator是工厂类,里面有一个create方法,注意它的返回类型是Product类型代码// 工厂模式class Creator{ create(name){ return new原创 2020-10-21 20:48:15 · 751 阅读 · 0 评论