JavaScript设计模式之外观模式实例
外观模式(门面模式),是一种相对简单而又无处不在的模式。外观模式提供一个高层接口,这个接口使得客户端或子系统更加方便调用。
用一段再简单不过的代码来表示:
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();
}
- 设计模式中的facade外观模式在JavaScript开发中的运用
- 深入理解JavaScript系列(30):设计模式之外观模式详解
- JavaScript设计模式之外观模式介绍
- javascript设计模式 – 装饰模式原理与应用实例分析
- javascript设计模式 – 组合模式原理与应用实例分析
- javascript设计模式 – 桥接模式原理与应用实例分析
- javascript设计模式 – 适配器模式原理与应用实例分析
- JS中间件设计模式的深入探讨与实例分析
- javascript设计模式 – 建造者模式原理与应用实例分析
- javascript设计模式 – 原型模式原理与应用实例分析
- javascript设计模式 – 外观模式原理与用法实例分析
相关文章
JS中confirm,alert,prompt函数使用区别分析
JS中confirm,alert,prompt函数使用区别分析,需要的朋友可以参考下。2010-04-04uniapp跨页面传值uni.$emit和uni.$on的使用及踩坑实战
使用uni.$emit触发事件后,对应的uni.$on就会监听到事件触发,在回调中去执行相关的逻辑,下面这篇文章主要给大家介绍了关于uniapp跨页面传值uni.$emit和uni.$on的使用及踩坑实战的相关资料,需要的朋友可以参考下2023-04-04
最新评论