• [设计模式]桥接模式


    桥接模式可以把抽象类和实现类进行各自封装和扩展,目的在于解耦。
    由于桥接模式可以增强了组合性,我们可以很灵活地修改类,并且很好地重用。
    我们可以先看一下简单的片断:

    //这是一个演示简单的桥接模式片断(本例子只假设在标准浏览器情况下)

    //先获取DOM
    var DomA = document.getElementById('divA');

    //给DomA绑定事件
    DomA.addEventListener('click',funcA,false);

    //定义funcA
    function funcA(){
    var id = this.id;
    alert("I'm HTMLElement, My ID is:" + id);
    }

    以上的例子很简单,就是把一个DOM绑定了click事件,执行一个含有alert()的函数。
    很明显,funcA能做的事只有两件:
    1、获得元素的ID。
    2、显示I'm HTMLElement, My ID is: divA。

    funcA就是所谓的“写死”了,也就是强耦合,里面的alert()永远只是服务于funcA,大大失去了灵活性。
    现在我们用桥接模式的思想,把funcA拆分,解耦。

    //这是一个演示简单的桥接模式片断(本例子只假设在标准浏览器情况下)

    //先获取DOM
    var DomA = document.getElementById('divA');

    //给DomA绑定事件
    DomA.addEventListener('click',funcA,false);


    //这里把上例的funcA进行拆分出一个funcAlert
    function funcAlert(txt,id){
    alert(txt+id);
    }

    //定义funcA
    function funcA(){
    var id = this.id;
    //桥接funcAlert函数
    funcAlert("I'm HTMLElement ,My ID is:",id);
    }

    好了,以后funcAlert()就可以作用于其他函数,只要给funcALert(),传入参数即可。
    当然,本例只是为了演示而做了一个比较简单的拆分。er......看起来有点无谓。
    不管如何,只是表达了桥接的思想。
    其实就是把多个功能尽量拆分,解耦,做到可重用,然后在使用时,再拼装起来。将抽象部分与它的实现部分分离,使它们都可以独立变化,重用。就这是桥接模式的思想。

    还记得我在分享单体模式吗?里面有一个这样的片断:

    var XZB = (function(){
    var G = 10;
    var Return = {
    getG:function(){
    return G;
    },
    setG:function(g){
    G = g;
    }
    }
    return Return;
    })();

    其实里面的Return也是一种解耦,只不过他的耦合度相对低一点而已。
    里面的Return可以设定有N种方法来实现N种功能,只不过他们都只局限于操作里面的私有变量。

    OK,讲完了桥装模式,我们来讲讲他的优缺点:
    优点:
    降低抽象层和具体实现之间的耦合,使各层独立出来管理。桥接模式成了各层的粘合剂。

    缺点:
    因为每个桥接都会调用外层的函数,这就需要往上搜索变量,会有性能上的影响。
    还有一点,如果被桥接的函数只是在于桥接函数里面调用,而再也没被其他函数调用,这时就没必要桥接了。

    写在最后,看完这个桥接模式之后,有没发现和我之前写的工厂模式有点相似,难道工厂模式就只是多了判断,然后选择性调用吗?
    er...我也说不清,总言之,我觉得设计模式只是实现功能的代码写法,也并不是说什么功能就应该用什么模式,灵活运用才是王道。


  • 相关阅读:
    友盟统计 新的集成方法
    Error:Unable to tunnel through proxy. Proxy returns "HTTP/1.1 400 Bad Request"解决方法
    关于如何获取Google 官方 NavgationView中的控件的方法
    使用线程池管理线程!
    文件上传MultipartBody使用方法
    Ddos 分布式拒绝服务 (报告)
    linux+
    模型事件
    广东惠州游
    PhoneGap & Cordova 安装白皮书
  • 原文地址:https://www.cnblogs.com/zzbo/p/2350823.html
Copyright © 2020-2023  润新知