首页 / 设计模式 / JavaScript设计模式之外观模式实例_javascript技巧

JavaScript设计模式之外观模式实例_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript设计模式之外观模式实例_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含971字，纯文字阅读大概需要2分钟。

内容图文

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

用一段再简单不过的代码来表示：

代码如下:

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技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/322177.html

来源：【匿名】