JS设计模式（桥接模式）

<!--引入的核心JS文件-->
<script type="text/javascript" src="CommonUtil.js"></script>
<script type=text/javascript charset=utf-8>
<!--JS设计模式（桥接模式）-->
//桥接模式：主要是把抽象和现实分离开来，使他们独立开来
//应用场景：事件监听回掉机制
window.onload=function(){
//1.前台业务逻辑
var inp=document.getElementById("inp");
//使用注册的方式，在元素上添加时间
JALJA.EventUtil.addHandler(inp,'click',sendReq);

//2.处理后台的函数
function sendReq(){
alert(this.value);
}
};

//利用桥接模式 分开 前台，后台业务逻辑
window.onload=function(){
//1.前台业务逻辑
var inp=document.getElementById("inp");
//使用注册的方式，在元素上添加时间
JALJA.EventUtil.addHandler(inp,'click',bridgeHadle);
//利用桥模式-分开两个业务逻辑
function bridgeHadle(){
var msg=this.value;
sendReq(msg);
};
//2.处理后台的函数
function sendReq(msg){
alert(msg);
}
};

 

 

<!--JS设计模式（桥接模式——特权函数）-->
var PublicClass=function(){
var name="张三";
var privateMethod=function(){
alert("业务逻辑");
};
//getName()访问成员变量 特权函数
this.getName=function(){
return name;
}
//bridgeMethod()访问成员变量 特权函数
this.bridgeMethod=function(){
return privateMethod();
}
};
var p1=new PublicClass();
p1.bridgeMethod();
<!--JS设计模式（桥接模式——组织多个单体）-->
var Class1=function(a,b,c){
this.a=a;
this.b=b;
this.c=c;
};
var Class2=function(d,e){
this.d=d;
this.e=e;
};
var BridgeClass=function(a,b,c,d,e){
this.class1=new Class1(a,b,c);
this.class2=new Class2(d,e);
};

 

</script>