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);
}
};

</script>

时间: 2024-09-30 18:31:09

JS设计模式(桥接模式)的相关文章

js设计模式——桥接模式

定义:将抽象化(Abstraction)与实现化(Implementation)脱耦,使得二者可以独立地变化. 常用场景:在js中,桥接模式常用于事件监听器和ajax请求的解耦,以便于进行单元测试. 举个栗子 普通方法. var btn=$('#btn'); btn.on('click',function () { $.ajax({ url:'test.html', data:{ id:this.id }, dataType:'html', success:function(data){ con

js设计模式-桥接模式

桥接模式定义:桥梁模式的用意是"将抽象化(Abstraction)与实现化(Implementation)脱耦,使得二者可以独立地变化".这句话有三个关键词,也就是抽象化.实现化和脱耦. 最简单的桥接模式例子:事件监听器 addEvent(element,"click",getResultByIdBridge); function getResultByIdBridge(e){ getById(this.id, function(result){ //TODO: t

5分钟读书笔记之 - 设计模式 - 桥接模式

补充一点知识: 私有变量 在对象内部使用'var'关键字来声明,而且它只能被私有函数和特权方法访问.私有函数 在对象的构造函数里声明(或者是通过var functionName=function(){...}来定义),它能被特权函数调用(包括对象的构造函数)和私有函数调用.特权方法 通过this.methodName=function(){...}来声明而且可能被对象外部的代码调用.可以使用:this.特权函数() 方式来调用特权函数,使用 :私有函数()方式来调用私有函数.公共属性 通过thi

设计模式 -- 桥接模式(Bridge Pattern)

桥接模式 Bridge Pattern 结构设计模式 定义: 分离抽象部分和实现部分,使他们独立运行. 避免使用继承导致系统类个数暴增,可以考虑桥接模式. 桥接模式将继承关系转化为关联关系,减少耦合,减少代码量. 例如: public interface Shape { public void bepaint(String color); } public abstract class Color { Shape shape; public void setShape(Shape shape)

C#设计模式--桥接模式

0.C#设计模式--简单工厂模式 1.C#设计模式--工厂方法模式 2.C#设计模式--抽象工厂模式 3.C#设计模式--单例模式 4.C#设计模式--建造者模式 5.C#设计模式--原型模式 6.C#设计模式--设配器模式 7.C#设计模式--装饰器模式 8.C#设计模式--代理模式 9.C#设计模式--外观模式 设计模式: 桥接模式(Bridge Pattern) 简单介绍: 桥接模式(Bridge Pattern):桥接模式的用意是将抽象化(Abstraction)与实现化(Impleme

[Unity 设计模式]桥接模式(BridgePattern)

1.前言 继上一讲IOC模式的基础上继续本讲桥接模式,笔者感觉桥接模式是23种设计模式中桥接模式是最好用但也是最难理解的设计模式之一,23中设计模式就好武侠剧中一本武功秘籍,我们在工作过程中想要熟练运用其中的每一种设计模式就好比跟高手过招想要能运用好武侠秘籍中的每一招每一式,并且能随着对手出招的不同我们能随机应变对应的招数,这就要求我们对每一种设计模式都理解的非常深刻才能运用自如,打出组合拳的效果. 2.需求 我们在FPS类游戏中会碰到这样的需求——实现武器和角色,无论是敌人还是我方角色都能通过

javascript设计模式-桥接模式

在系统中,某些类由于自身逻辑,具有两个或两个以上维度的变化,如何使得该类型可以沿多个方向变化,但又不引入额外的复杂度,这就是桥接模式要解决的问题. 定义:桥接模式(Bridge),将抽象部分与它的实现部分分离,使他们可以独立的变化. 意图:将抽象与实现解耦. 对于前端,比较常用的场景,是事件监控: addEvent(element, 'click', getDrinkById); function getDrinkById(e) { var id = this.id; asyncRequest(

设计模式 -- 桥接模式(Bridge)

写在前面的话:读书破万卷,编码如有神--------------------------------------------------------------------主要内容包括: 初始桥接模式,包括: 定义.结构和说明.参考实现 体会桥接模式,包括: 场景问题.不用模式的解决方案.使用模式的解决方案 理解桥接模式,包括: 认识桥接模式.谁来桥接.典型例子-JDBC.广义桥接-Java中无处不在桥接.桥接模式的优缺点 思考桥接模式,包括: 桥接模式的本质.对设计原则的体现.何时选用 参考内

小菜学设计模式——桥接模式

背景 很多情况下继承会带来麻烦,对象的继承关系是在编译时就定义好了,所以无法在运行时改变从父类继承的实现.子类的实现与它的父类有非常紧密的依赖关系,以至于父类实现中的任何变化必然会导致子类发生变化.当你需要复用子类时,如果继承下来的实现不适合解决新的问题,则父类必须重写或被其他更适合的类替换,这种依赖关系限制了灵活性并最终限制了复用性. 1.使用意图 尽量使用合成聚合,尽量不要使用类的继承. 将两个角色之间的继承关系改为聚合关系,就是将它们之间的强关联改换成为弱关联.因此,桥梁模式中的所谓脱耦,

设计模式——桥接模式

场景,我们需要给不同的电视厂商,比如长虹.TCL.三星等等生产电视遥控器.他们提供各自电视机遥控功能的实现,并且遵循一样的标准. 我们制作一个长虹的遥控器,选择最直接的方式,继承长虹类,然后利用长虹类提供的方法,实现遥控器功能. 在这个遥控器中,我们提供了新功能,比如 1)将开和关放在一个按钮 2)下一个频道 3)上一个频道 public class CHTvControl extends CHControl implements TvControl{ private static int ch