白筱汐

想都是问题,做都是答案

0%

JavaScript设计模式——外观模式

介绍

外观模式,提供了一个统一的接口,用于访问子系统中一组接口。让外界减少与子系统内多个模块的直接交互,从而减少耦合。

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
class SubSystem1 {
operation1() {
console.log('子系统1的操作');
}
}

class SubSystem2 {
operation2() {
console.log('子系统2的操作');
}
}

class Facade {
constructor() {
this.subSystem1 = new SubSystem1();
this.subSystem2 = new SubSystem2();
}

operation() {
this.subSystem1.operation1();
this.subSystem2.operation2();
}
}

// 使用外观类简化操作
const facade = new Facade();
facade.operation();