JavaScript设计模式之外观模式实例
更新时间：2014年10月10日 09:29:00 投稿：junjie
这篇文章主要介绍了JavaScript设计模式之外观模式实例,本文用一些代码实例来讲解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设计模式 – 外观模式原理与用法实例分析
相关文章
这篇文章主要介绍了JavaScript实现随机点名小程序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
这篇文章主要为大家详细介绍了基于javascript实现碰撞检测，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
xss文件页面内容读取(解决),需要的朋友可以参考下。2010-11-11
这篇文章主要介绍了如何使用 JavaScript 操作浏览器历史记录 API，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2020-11-11
日期函数是我们经常用到的知识点，下面通过本文给大家介绍JavaScript中日期函数的相关操作知识，非常不错，感兴趣的朋友一起学习吧2016-08-08
这篇文章主要介绍了微信小程序页面间传递数组对象方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-11-11
这篇文章主要给大家介绍了关于js中如何判断一个数是不是素数的三种方法,素数(只能被1和本身整除的数)规律:把这个数除以它之前的每一个数(从2开始)只要找到一个整除(余数为0)就是非素数,需要的朋友可以参考下2023-10-10
根据新界面的要求，需要一部分图片来增强日期控件的美观性。考虑到既要实现加载图表的目标，又要保持控件的独立性以便将来的移植。2010-09-09
JavaScript有一个名为“调用堆栈”（Call Stack）的简单列表，它逐一管理任务（堆栈算法），但是当异步任务被传递时，JavaScript会把它弹出到web API，浏览器就会处理它，这篇文章主要介绍了8个开发者必须知道的JavaScript深层概念，需要的朋友可以参考下2022-10-10
这篇文章主要为大家详细介绍了使用js中的Canvas实现橡皮擦效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
最新评论