JavaScript设计模式经典之外观模式
2014-09-29 00:00
351 查看
外观模式(门面模式),是一种相对简单而又无处不在的模式。外观模式提供一个高层接口,这个接口使得客户端或子系统更加方便调用。
用一段再简单不过的代码来表示
如果你需要分别调用getName和getSex函数. 那可以用一个更高层的接口getUserInfo来调用.
答案是显而易见的,饭堂的炒菜师傅不会因为你预定了一份烧鸭和一份白菜就把这两样菜炒在一个锅里。他更愿意给你提供一个烧鸭饭套餐。同样在程序设计中,我们需要保证函数或者对象尽可能的处在一个合理粒度,毕竟不是每个人喜欢吃烧鸭的同时又刚好喜欢吃白菜。
外观模式还有一个好处是可以对用户隐藏真正的实现细节,用户只关心最高层的接口。比如在烧鸭饭套餐的故事中,你并不关心师傅是先做烧鸭还是先炒白菜,你也不关心那只鸭子是在哪里成长的。
最后写个我们都用过的外观模式例子
用一段再简单不过的代码来表示
var getName = function(){ return ”svenzeng” } var getSex = function(){ return ‘man’ }
如果你需要分别调用getName和getSex函数. 那可以用一个更高层的接口getUserInfo来调用.
var getUserInfo = function(){ var info = a() + b(); return info; }
答案是显而易见的,饭堂的炒菜师傅不会因为你预定了一份烧鸭和一份白菜就把这两样菜炒在一个锅里。他更愿意给你提供一个烧鸭饭套餐。同样在程序设计中,我们需要保证函数或者对象尽可能的处在一个合理粒度,毕竟不是每个人喜欢吃烧鸭的同时又刚好喜欢吃白菜。
外观模式还有一个好处是可以对用户隐藏真正的实现细节,用户只关心最高层的接口。比如在烧鸭饭套餐的故事中,你并不关心师傅是先做烧鸭还是先炒白菜,你也不关心那只鸭子是在哪里成长的。
最后写个我们都用过的外观模式例子
var stopEvent = function( e ){ //同时阻止事件默认行为和冒泡 e.stopPropagation(); e.preventDefault(); }
相关文章推荐
- JavaScript设计模式经典之外观模式
- javascript设计模式之外观模式
- JavaScript设计模式经典之观察者模式
- javascript设计模式-外观模式
- Java经典设计模式-结构型模式-外观模式(Facade)
- JavaScript设计模式之外观模式
- JavaScript设计模式经典之代理模式
- JavaScript设计模式之外观模式介绍
- JavaScript设计模式经典之命令模式
- JavaScript设计模式经典之单例模式
- JavaScript设计模式之外观模式实例
- javascript设计模式-外观模式
- JavaScript设计模式(一)单例模式、组合模式和外观模式
- JavaScript设计模式之外观模式实例
- JavaScript设计模式经典之工厂模式
- Java经典23种设计模式之结构型模式(三)------附代理模式、适配器模式、外观模式区别
- JavaScript设计模式经典之策略模式
- JavaScript设计模式 Item8 --外观模式Facade
- JavaScript设计模式之外观模式介绍
- Java设计模式之外观模式研究