设计模式中的facade外观模式在javascript开发中的运用

《设计模式中的facade外观模式在javascript开发中的运用》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解设计模式中的facade外观模式在JavaScript开发中的运用　　概念　　外观模式(门面模式)，是一种相对简单而又无处不在的模式。外观模式提供一个高层接口，这个接口使得客户端或子系统更加方便调用。　　外观模式并不是适配器模式，适配器模式是一种包装器，用来对接口进行适配以便在不兼容系统中使用它。而创建外观元素则是图个方便。它并不用于达到需要特定接口的客户系统打交道这个目的，而是用于提供一个简化的接口。　　JavaScr

2、ipt代码示例　　用一段再简单不过的代码来表示　　vargetName=function(){　　 return''svenzeng"　　}　　vargetSex=function(){　　 return'man'　　}　　如果你需要分别调用getName和getSex函数.那可以用一个更高层的接口getUserInfo来调用.　　vargetUserInfo=function(){　　 varinfo=a()+b();对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接

3、触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　 returninfo;　　}　　也许你会问为什么一开始不把getName和getSex的代码写到一起,比如这样　　vargetNameAndSex=function(){　　 return'svenzeng"+"man";　　}　　答案是显而易见的，饭堂的炒菜师傅不会因为你预定了一份烧鸭和一份白菜就把这两样菜炒在一个锅里。他更愿意给你提供一个烧鸭饭套餐。同样在程序设计中，我们需要保证函数或者对象尽可能的处在一个合理粒度，毕竟不是

4、每个人喜欢吃烧鸭的同时又刚好喜欢吃白菜。　　外观模式还有一个好处是可以对用户隐藏真正的实现细节，用户只关心最高层的接口。比如在烧鸭饭套餐的故事中，你并不关心师傅是先做烧鸭还是先炒白菜，你也不关心那只鸭子是在哪里成长的。　　最后写个我们都用过的外观模式例子　　varstopEvent=function(e){ //同时阻止事件默认行为和冒泡　　 e.stopPropagation();　　 e.preventDefault();　　}对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我

5、真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　我知道外观模式的概念很容易掌握，你都不一定需要一个JavaScript代码的例子，但是总有些人更在乎代码，会觉得那样才更容易理解。更何况，没有代码示例的JavaScript文章根本就不具说服力，就应该从网上删掉。我们从一个简单的事件监听器的例子开始。大家都知道要添加一个事件监听器并不是一件容易的事，除非只想让代码运行在少数几个浏览器上。你不得不测试很多方法以确保针对不同浏览器的代码都能正常运行。在这个代码示例中我们只是

6、把特性检测添加到这个方法中：　　functionaddEvent(element,type,func){　　 if(window.addEventListener){　　  element.addEventListener(type,func,false);　　 }　　 elseif(window.attachEvent){　　  element.attachEvent('on'+type,func);　　 }　　 else{　　  element['on'+type]=func;　　 }　　}对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光

7、荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　简单吧！我真希望我可以不用写那些不必要的代码，让它们越简单越好，但是如果真是这样就没什么意思了，你也不会想读下去了，对吧？所以我不这么认为，我想我要给你看点更复杂的东西。我只是想说，你的代码原本看起来会有些像下面这样：　　varfoo=document.getElementById('foo');　　 foo.style.color='red';　　 fo

8、o.style.width='150px';　　va