• javascript设计模式-适配器模式


    适配器模式的主要作用是将一个类的接口转换成客户希望的另外一个接口。适配器模式使得原本由于接口不兼容而不能一起工作的那些对象(类)可以一起工作。

    UML示意图:

    例如,鸭子有fly方法和quack(嘎嘎叫)方法,火鸡也有fly方法和gobble(咯咯叫)方法,如果希望火鸡有quack方法,可以复用鸭子的,但它的叫声应该是咯咯。可以创建一个火鸡适配器来实现,使得火鸡支持quack方法,但是在其内部还是调用gobble:

    抽象构造函数:

    var Duck = function(){};
    Duck.prototype.fly = function(){
        throw new Error("The method should be override!");
    };
    Duck.prototype.quack = function(){
        throw new Error("The method should be override!");
    };
    
    var Turkey = function(){};
    Turkey.prototype.fly = function(){    
        throw new Error(" The method should be override!");
    };
    Turkey.prototype.gobble = function(){    
        throw new Error(" The method should be override!");
    };

    构造函数:

    var MallardDuck = function () {    
        Duck.apply(this);
    };
    MallardDuck.prototype = new Duck(); 
    MallardDuck.prototype.fly = function () {    
        console.log("It can fly a long way!");
    };
    MallardDuck.prototype.quack = function () {    
       console.log("Quack!");
    };
    
    var WildTurkey = function () {    
        Turkey.apply(this);
    };
    WildTurkey.prototype = new Turkey(); 
    WildTurkey.prototype.fly = function () {    
        console.log("It can fly a short way!");
    };
    WildTurkey.prototype.gobble = function () {    
        console.log("Gobble!");
    };

    创建一个火鸡适配器:

    var TurkeyAdapter = function(oTurkey){    
        Duck.apply(this);    
        this.oTurkey = oTurkey;
    };
    TurkeyAdapter.prototype = new Duck();
    TurkeyAdapter.prototype.quack = function(){    
        this.oTurkey.gobble();
    };
    TurkeyAdapter.prototype.fly = function(){    
        var nFly = 0;    
        var nLenFly = 5;    
        for(; nFly < nLenFly ; nFly++;){        
            this.oTurkey.fly();          
        }
    };

    这个构造函数接收一个火鸡的实例,这个适配器的原型是Duck,然后重写了Duck的quack方法,在其内部调用了火鸡实例的gobble,也重写了fly方法,调用一下:

    var oMallardDuck = new MallardDuck();
    var oWildTurkey = new WildTurkey();
    var oTurkeyAdapter = new TurkeyAdapter(oWildTurkey);
    
    oMallardDuck.fly();
    oMallardDuck.quack();
    
    oWildTurkey.fly();
    oWildTurkey.gobble();
    
    oTurkeyAdapter.fly();
    oTurkeyAdapter.quack();

    适配器模式的使用场景:
    1.想要使用一个已经存在的对象,但其方法或属性不符合要求

    2.想要创建一个可以复用的对象,可以与其他不相关对象协同工作

    3.想使用已经存在的对象,但是不能对每一个都进行原型继承以匹配它的接口。对象适配器可以适配它的父对象接口方法或属性。

  • 相关阅读:
    PHP json_decode()解析失败 返回NULL 错误是4
    PHP 合并两个二维数组 array_map 和 array_walk 的区别
    PHP二维数组指定字段进行排序
    常用正则汇总
    PHP中json_encode()使用须知,JSON数组和JSON对象
    PHPExcel大文件块级别读取 速度快 减少占用资源
    移动端border-radius失效
    JavaScript滑动页面到顶部
    软键盘把底部div顶上去
    JavaScript滚动div
  • 原文地址:https://www.cnblogs.com/linda586586/p/4242500.html
Copyright © 2020-2023  润新知