JS常用的设计模式(7)—

JS常用的设计模式(7)—— 外观模式

外观模式(门面模式)，是一种相对简单而又无处不在的模式。外观模式提供一个高层接口，这个接口使得客户端或子系统更加方便调用。
用一段再简单不过的代码来表示

var getName = function(){ return ''svenzeng"
}
var getSex = function(){ return 'man'
}

如果你需要分别调用getName和getSex函数. 那可以用一个更高层的接口getUserInfo来调用.

var getUserInfo = function(){ var info = a() + b(); return info;
}

也许你会问为什么一开始不把getName和getSex的代码写到一起, 比如这样

var getNameAndSex = function(){ return 'svenzeng" + "man";
}

答案是显而易见的，饭堂的炒菜师傅不会因为你预定了一份烧鸭和一份白菜就把这两样菜炒在一个锅里。他更愿意给你提供一个烧鸭饭套餐。同样在程序设计中，我们需要保证函数或者对象尽可能的处在一个合理粒度，毕竟不是每个人喜欢吃烧鸭的同时又刚好喜欢吃白菜。

外观模式还有一个好处是可以对用户隐藏真正的实现细节，用户只关心最高层的接口。比如在烧鸭饭套餐的故事中，你并不关心师傅是先做烧鸭还是先炒白菜，你也不关心那只鸭子是在哪里成长的。

最后写个我们都用过的外观模式例子

var stopEvent = function( e ){   //同时阻止事件默认行为和冒泡
  e.stopPropagation(); e.preventDefault();
}

posted on 2015-02-05 08:59 玲儿灵阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/jymz/p/4273879.html

JS常用的设计模式(7)—— 外观模式相关推荐

JS常用的设计模式(2)——简单工厂模式
JS常用的设计模式(2)--简单工厂模式简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定, 而是在执行期决定 ...
Swift 中的设计模式 #3 外观模式与适配器模式
作者:Andrew Jaffee,原文链接,原文日期:2018-09-04 译者:郑一一:校对:BigNerdCoding,pmst,Forelax:定稿:Forelax 本文是我的设计模式系列教程的 ...
Javascript 设计模式之外观模式【讲师辅导】-曾亮-专题视频课程
Javascript 设计模式之外观模式[讲师辅导]-770人已学习课程介绍随着 javascript ES6/7 的发布,很多老版本的设计模式的实现,今天来看是错误的,将被彻底. ...
移动开发 | Swift 中的设计模式 #3 外观模式与适配器模式
本文是我的设计模式系列教程的第三篇.在第一篇文章中,我介绍了创建型模式中的工厂模式和单例模式.在第二篇文章中,又讨论了一下行为型模式中的观察者模式和备忘录模式. 在本文中,我会就结构型模式中的外观 ...
如何让孩子爱上设计模式 ——11.外观模式(Facade Pattern)
如何让孩子爱上设计模式 --11.外观模式(Facade Pattern) 标签: 设计模式初涉场景引入相信各位玩过LOL英雄联盟游戏的童鞋,对下面两个英雄都不会陌生吧: 分别是瑞雯和 ...
[设计模式C++]外观模式
系列文章总结一些比较常见的设计模式,外观模式是由GoF提出的23种设计模式的一种,使用非常简单. 2021-09-16 增加一个例子区别于代理模式,都像是插入第三者,但是外观模式是统筹管理子系统,就 ...
研磨设计模式之外观模式(Facade)(解决方案)
3.2 解决方案 3.2.1 外观模式来解决用来解决上述问题的一个合理的解决方案就是外观模式.那么什么是外观模式呢? (1)外观模式定义这里先对两个词进行一下说明,一个是界面,一个是接口. 界 ...
java外观设计修改_Java设计模式之外观模式和装饰器模式的设计（精选）
前言本篇来学习下结构型模式的外观模式和装饰器模式. 外观模式简介外观模式隐藏系统的复杂性,并向客户端提供了一个客户端可以访问系统的接口.这种类型的设计模式属于结构型模式,它向现有的系统添加一个接 ...
『设计模式』外观模式--这篇博客也太明了吧
23种设计模式+额外常用设计模式汇总 (持续更新) 外部与一个子系统的通信必须通过一个统一的外观(Facade)对象进行,这就是外观模式. 外观模式要求一个子系统的外部与其内部的通信必须通过一个统一的 ...

JS常用的设计模式(7)—— 外观模式

JS常用的设计模式(7)—— 外观模式相关推荐

最新文章

热门文章