外观模式-坦克大战-js

概要

为子系统中的一组接口提供一个一致的界面，Facade模式定义了一个高层接口，这个接口使得这一子系统更加容易使用。

类图

需求说明

两种坦克，一种是普通坦克：具体发射，跑，瞄准机能；一种是高配坦克在基础机能上加装“水陆两栖”和“卫星定位”机能。

设计实现

内部两个类分别实现高配和普通的机能。对外提供一个外观类定义全部的机能接口。供外部的坦克类调用。

运行结果 

代码

console.log('外观模式演示：');
// 外部机能
class InnerFunA {
    sort() {
        console.log("发射炮弹");
    }
    run() {
        console.log("跑");
    }
}
class InnerFunB {
    aim() {
        console.log("瞄准");
    }
    amphibious() {
        console.log("水陆两栖");
    }
    gps() {
        console.log("卫星定位");
    }
}
class Facade {
    constructor() {
        this.functionA = new InnerFunA();
        this.functionB = new InnerFunB();
    }
    sort() {
        this.functionA.sort();         
    }
    run() {
        this.functionA.run();    
    }
    aim() {
        this.functionB.aim();    
    }
    amphibious() {
        this.functionB.amphibious();
    }   
    gps() {
        this.functionB.gps();   
    }
}

// 坦克需求
class OrdinaryTank {
    constructor(facade) {
        this.facade = facade;
    }
    exe() {
        this.facade.sort();
        this.facade.run();
        this.facade.aim();
    }
}
class AdvancedTank {
    constructor(facade) {
        this.facade = facade;
    }
    exe() {
        this.facade.sort();
        this.facade.run();
        this.facade.aim();
        this.facade.gps();
        this.facade.amphibious();
    }
}

// 客户端
class Client {
    main() {
        var fac = new Facade();
        console.log("普通配置坦克");
        var tanko = new OrdinaryTank(fac);
        tanko.exe();
        console.log();
        console.log("高配坦克");
        var atank = new AdvancedTank(fac);
        atank.exe();
    }
}
var client = new Client();
client.main();