8-JavaScript设计模式——门面模式
2017-06-06 23:26
351 查看
门面模式(facade)一般有两个作用:
1、简化类的接口
2、消除类与使用它的客户代码之间的耦合
一言不合上代码:
// 门面模式的概念:简化API接口 最经典的就是事件
EventUtil = {
// 添加事件
addHandler : function(element, type, handler){
if(element.addEventListener){ // FF
element.addEventListener(type, handler, false);
}else if(element.attachEvent){ // IE
element.attachEvent('on' + type, handler);
}
},
// 移除事件
removeHandler : function(element, type, handler){
if(element.removeEventListener){
element.removeEventListener(type, handler, false); // FF
}else if(element.detachEvent){
element.detachEvent('on' + type, handler); // IE
}
}
};
1、简化类的接口
2、消除类与使用它的客户代码之间的耦合
一言不合上代码:
// 门面模式的概念:简化API接口 最经典的就是事件
EventUtil = {
// 添加事件
addHandler : function(element, type, handler){
if(element.addEventListener){ // FF
element.addEventListener(type, handler, false);
}else if(element.attachEvent){ // IE
element.attachEvent('on' + type, handler);
}
},
// 移除事件
removeHandler : function(element, type, handler){
if(element.removeEventListener){
element.removeEventListener(type, handler, false); // FF
}else if(element.detachEvent){
element.detachEvent('on' + type, handler); // IE
}
}
};
// 2个函数 a,b function a(x){ // do something... } function b(y){ // do something... } // 这是最简单的一个门面模式 function ab(x, y){ a(x); b(y); }
相关文章推荐
- 《javascript设计模式》笔记之第十章 和 第十一章:门面模式和适配器模式
- JavaScript设计模式一(单例模式、门面模式、适配器模式)
- 08.Javascript设计模式之门面模式----Facade
- javascript设计模式-门面模式(7)
- javascript设计模式 门面模式
- 【读书笔记】读《JavaScript设计模式》之门面模式
- 面向过程的门面模式
- 代码的“门面”——模式系列谈之Fa ade模式
- 设计模式之门面模式 推荐
- 门面(Facade)模式
- 门面模式:Facade(转自阿良.NET)
- 门面模式-Facade Patern(转-吕震宇)
- 代码的“门面”——模式系列谈之Fa ade模式
- 代码的“门面”——模式系列谈之Fa ade模式
- 门面模式(Façade Pattern)
- J2EE业务层模式:服务门面,应用服务,以及业务委托,服务定位器
- PetShop中的门面模式
- 使用门面模式进一步地解耦Spring与Struts的整合
- Javascript设计模式:事件设计模式
- 门面模式-Facade(转-吕震宇)