javascript设计模式 – 外观模式原理与用法实例分
网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了javascript设计模式 – 外观模式,结合实例形式分析了javascript外观模式基本概念、原理、用法及操作注意事项,需要的朋友可以参考下
本文实例讲述了javascript设计模式 – 外观模式原理与用法。分享给大家供大家参考,具体如下
介绍外观模式是一种使用频率非常高的结构型设计模式,它通过引入一个外观角色来简化客户端与子系统之间的交互,为复杂的子系统调用提供一个统一的入口,隐藏系统复杂度,降低子系统与客户端的耦合度。
定义 为子系统中的一组接口提供一个统一的入口。外观模式定义了一个高层接口,这个接口使得这一子系统更加容易使用。
场景我们还是用画圆的方式来介绍下外观模式。
示例
var Rectangle = function(){ this.draw = function(){ console.log('画一个矩形'); } } var Circle = function(){ this.draw = function(){ console.log('画一个圆'); } } var Triangle = function(){ this.draw = function(){ console.log('画一个三角形'); } } var ShapeMaker = function(){ this.rectangle = new Rectangle(); this.circle = new Circle(); this.triangle = new Triangle(); this.drawRectangle = function(){ this.rectangle.draw(); } this.drawCircle = function(){ this.circle.draw(); } this.drawTriangle = function(){ this.triangle.draw(); } } var shapeMaker = new ShapeMaker(); shapeMaker.drawRectangle(); //画一个矩形 shapeMaker.drawCircle(); //画一个圆 shapeMaker.drawTriangle(); //画一个三角形
是不是豁然开朗?其实我们日常最常用的就是外观模式。我们的工具类,jquery,包括一些浏览器兼容,我们都会把他们封装到一个对象里。
这就是外观模式提倡的把复杂的操作封装到一个简单接口中。几乎所有的涉及多个业务对象交互的场景都可以考虑使用外观模式进行重构。
外观模式
优点
对客户端屏蔽了子系统组件,减少了客户端所需处理的对象数目,并且提升使用便捷度。
实现了客户端与子系统之间的松耦合关系,这使得子系统的变化不会影响客户端。
缺点
不能姮好的限制客户端直接使用子系统类
如果设计不当,增加新的子系统可能需要修改外观类的源代码,违背了开关原则
适用场景
需要对一个复杂子系统提供一个简单入口时可以采用外观模式
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程