js设计模式(5)---外观模式
2013-07-02 09:26
176 查看
0.前言
早上好,今天天气不错,估计有35度吧,坐在空调室里相当惬意,那么酒足饭饱之后就应该干些正事了。
1. 为什么使用外观模式
外观模式提供了一个高层接口,封装一些复杂操作或繁琐行为,方便调用。门面模式第一可以简化类的接口,第二可以消除类与使用它的客户代码之间的耦合。其实就是为了图方便,在很多js库中都使用了该模式,主要用于兼容多浏览器。
2. 具体说明
这就是一个常见的时间监听函数,这个函数就是一个基本的门面,使用该函数就可以方面为DOM节点添加事件处理函数。
3.个人理解
3.1 门面模式(外观模式)就是提供一个高层接口,封装一些复杂或繁琐行为,方便对这些代码的调用;
3.2 很多js库用到了该模式,在多浏览器兼容方面非常有用;
3.3 这个模式其实就是为了图方面,是一种组织性的模式。
早上好,今天天气不错,估计有35度吧,坐在空调室里相当惬意,那么酒足饭饱之后就应该干些正事了。
1. 为什么使用外观模式
外观模式提供了一个高层接口,封装一些复杂操作或繁琐行为,方便调用。门面模式第一可以简化类的接口,第二可以消除类与使用它的客户代码之间的耦合。其实就是为了图方便,在很多js库中都使用了该模式,主要用于兼容多浏览器。
2. 具体说明
var addEvent = function(ele,type,fn){ if(window.addEventListener){ ele.addEventListener(type,fn,false); }else if(window.attachEvent){ ele.attachEvent('on'+type,fn); }else{ ele['on'+type] = fn; } }
这就是一个常见的时间监听函数,这个函数就是一个基本的门面,使用该函数就可以方面为DOM节点添加事件处理函数。
3.个人理解
3.1 门面模式(外观模式)就是提供一个高层接口,封装一些复杂或繁琐行为,方便对这些代码的调用;
3.2 很多js库用到了该模式,在多浏览器兼容方面非常有用;
3.3 这个模式其实就是为了图方面,是一种组织性的模式。
相关文章推荐
- WPF之外观模式
- C++设计模式——外观模式
- java设计模式之外观模式
- Java设计模式(9)结构型:外观模式
- 外观模式Facade(解耦)
- java设计模式(八)---外观模式
- java设计模式(十)---外观模式
- Java面向对象设计模式(九)——外观模式(Facade)
- 设计模式10: Facade 外观模式(结构型模式)
- 设计模式——外观模式
- 设计模式之外观模式
- 设计模式之7 -- 外观模式
- 设计模式---外观模式
- 设计模式学习笔记--外观模式
- Java设计模式:八、外观模式
- 设计模式—外观模式
- Head First设计模式之外观模式
- 包装外观(Wrapper Facade):用于在类中封装函数的结构型模式
- 设计模式笔记10:外观模式(Facade Pattern)
- c++设计模式之外观模式