概要
为子系统中的一组接口提供一个一致的界面,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();