推荐答案
在 TypeScript 中，可以使用装饰器来实现中介者模式。中介者模式的核心思想是通过一个中介者对象来封装一组对象之间的交互，从而减少对象之间的直接依赖。通过装饰器，我们可以将中介者逻辑注入到类或方法中，从而实现中介者模式。
以下是一个简单的示例，展示了如何使用装饰器实现中介者模式：
// www.javascriptcn.com code example
// 定义中介者类
class Mediator {
private components: Component[] = [];
register(component: Component) {
this.components.push(component);
component.setMediator(this);
}
notify(sender: Component, event: string) {
this.components.forEach(component => {
if (component !== sender) {
component.receive(event);
}
});
}
}
// 定义组件基类
abstract class Component {
protected mediator: Mediator;
setMediator(mediator: Mediator) {
this.mediator = mediator;
}
abstract receive(event: string): void;
}
// 定义装饰器函数
function MediatorDecorator(mediator: Mediator) {
return function (target: any) {
mediator.register(new target());
};
}
// 使用装饰器将组件注册到中介者
@MediatorDecorator(new Mediator())
class ConcreteComponentA extends Component {
receive(event: string) {
console.log(`Component A received: ${event}`);
}
send(event: string) {
this.mediator.notify(this, event);
}
}
@MediatorDecorator(new Mediator())
class ConcreteComponentB extends Component {
receive(event: string) {
console.log(`Component B received: ${event}`);
}
send(event: string) {
this.mediator.notify(this, event);
}
}
// 使用示例
const componentA = new ConcreteComponentA();
const componentB = new ConcreteComponentB();
componentA.send("Event from A"); // Component B received: Event from A
componentB.send("Event from B"); // Component A received: Event from B本题详细解读
中介者模式的核心思想
中介者模式是一种行为设计模式，它通过引入一个中介者对象来封装一组对象之间的交互。这样，对象之间不再直接相互依赖，而是通过中介者进行通信。这种模式有助于减少对象之间的耦合，使得系统更易于维护和扩展。
装饰器的作用
在 TypeScript 中，装饰器是一种特殊类型的声明，它可以被附加到类声明、方法、访问器、属性或参数上。装饰器使用 @expression 的形式，其中 expression 是一个函数，它会在运行时被调用，并传入被装饰的目标对象。
实现步骤
定义中介者类：
Mediator类负责管理所有组件的注册和通知。它有一个components数组来存储所有注册的组件，并提供register和notify方法来管理组件之间的通信。定义组件基类：
Component是一个抽象类，它包含一个mediator属性，用于存储中介者对象。它还定义了一个receive方法，用于接收来自中介者的通知。定义装饰器函数：
MediatorDecorator是一个装饰器工厂函数，它接收一个Mediator实例作为参数，并返回一个装饰器函数。这个装饰器函数会在类被定义时自动调用，并将类的实例注册到中介者中。使用装饰器注册组件：通过
@MediatorDecorator(new Mediator())语法，我们将ConcreteComponentA和ConcreteComponentB注册到同一个中介者中。这样，当其中一个组件发送事件时，中介者会将事件通知给其他组件。使用示例：我们创建了
ConcreteComponentA和ConcreteComponentB的实例，并通过send方法发送事件。中介者会将事件传递给另一个组件，从而实现组件之间的解耦通信。
通过这种方式，我们可以在 TypeScript 中使用装饰器轻松实现中介者模式，从而简化对象之间的交互。