javascript设计模式结构型设计模式——外观模式
1、什么是外观模式？
外观模式即对复杂的api进行一次封装，以达到使用简单，解决底层api兼容性问题的目的。
2、看一个例子：
<body>
<button>按钮</button>
</body>
<script>
// 外观模式
function addEvent(dom, type, fn){
if(dom.addEventListener){
dom.addEventListener(type, fn, false)
} else if(dom.attachEvent){
dom.attachEvent('on' + type, fn);
} else {
dom['on' + type] = fn;
}
}
addEvent(document.getElementsByTagName('button')[0], 'click', function(){
alert('hello 我是一个小按钮!');
})
</script>
上面代码通过外观模式对dom元素添加事件进行了封装，解决了不同平台存在的兼容性问题。
优质内容筛选与推荐>>1、异步IO\数据库\队列\缓存
2、【UCHome二次开发】全局变量
3、我的2013年总结
4、Cursor和ContentValue
5、Android Stagefright MPEG4Extractor分析