
结构性设计模式
wust_cyl
在非洲,瞪羚每天早上醒来时,他知道自己必须跑的比最快的狮子还快,否则就会被吃掉.狮子每天早上醒来时,他知道自己必须追上跑得最慢的瞪羚,否则就会被饿死.不管你是狮子还是瞪羚,当太阳升起时,你最好开始奔跑
展开
-
JavaScript -- 设计模式 结构型设计模式-适配器模式
适配器模式:是将一个类的接口(方法或属性)转化成客户希望的另外一个接口(方法或属性),适配器模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 适配器模式在生活中应用非常广泛,比如插座转换头,小米手机的耳机转换头,包括翻译工具都是一种适配器。 在前端开发过程中,我可以使用的适配器模式,先来看一下适配器的类图。 我们举个例子 ajax({ url: "", ...原创 2019-06-21 16:46:23 · 245 阅读 · 0 评论 -
JavaScript -- 设计模式 结构性设计模式-装饰器模式
装饰器模式:有时我们希望给某个对象而不是整个类添加一些功能,对对象进行添加新功能,而且不改变原有的结构和功能,这个时候我们就应该想到装饰器模式。 先看一个例子 我们可以穿各种各样的衣服,而且进行各种组合,假如要你设计一下这个模式,你会如何设计了。 我们来看一下使用装饰器模式的UML类图吧。 这个类图是比较复杂的,我们先来解释一下。 最顶层的一个类,appearance是所有类的父...原创 2019-06-21 23:57:16 · 413 阅读 · 0 评论 -
JavaScript -- 设计模式 结构性设计模式-代理模式
代理模式,顾名思义就是为其他对象提供一种代理以控制对这个对象的访问。 现实生活中有很多这样的例子,比如演员的经纪人,代理服务器等。 当我们想要访问某些网站,需要借助代理服务器。 传统用JAVA讲的代理模式比较复杂,结合JS的特点我们简化代理模式的UML类图(我们以加载图片为例子) 客户端没有办法直接使用Img,需要借助ProxyImg对象 class Img { con...原创 2019-06-22 13:21:41 · 224 阅读 · 0 评论 -
JavaScript -- 设计模式 结构性设计模式-外观模式
外观模式:指提供一个统一的接口去访问多个子系统的多个不同的接口,为子系统中的一组接口提供统一的高层接口。 其中Facade就一个提供统一接口的高层接口。上层用户不用考虑差异,只需要请求Facade接口,Facade会帮助你解决。 实际生活中,餐厅服务员就是一个Facade接口,无论你点餐,问什么时候上餐,洗手间在哪,还是结账都是通过和服务员打交道的。 外观模式的类图 代码如下 ...原创 2019-06-22 15:25:15 · 228 阅读 · 1 评论