一、啥是中介者模式
咱先来说说中介者模式是个啥。在生活里，咱们买房子或者租房子的时候，经常会找房产中介。为啥呢？因为房东和租客直接沟通可能会有很多麻烦事儿，比如时间对不上、信息交流不顺畅啥的。这时候中介就派上用场了，房东把房子信息告诉中介，租客也把需求告诉中介，中介在中间协调，让双方都能顺利达成交易。
在计算机编程里，也有类似的情况。当很多对象之间需要相互通信，而且关系特别复杂的时候，就可以引入一个中介者对象。这个中介者对象就像房产中介一样，负责协调各个对象之间的通信，让对象之间的关系变得简单明了。
二、JavaScript 里的中介者模式示例
示例场景
咱们来模拟一个简单的聊天场景，有很多用户在一个聊天室里聊天。每个用户都可以给其他用户发消息，要是没有中介者，每个用户都得和其他所有用户建立直接的联系，那关系可就乱套了。现在咱们用中介者模式来实现这个聊天系统。
代码示例（JavaScript 技术栈）
// 定义中介者对象
const chatRoom = {
// 存储所有用户的对象
users: {},
// 注册用户的方法
register(user) {
this.users[user.name] = user;
user.setChatRoom(this);
},
// 转发消息的方法
sendMessage(senderName, receiverName, message) {
const receiver = this.users[receiverName];
if (receiver) {
receiver.receiveMessage(senderName, message);
} else {
console.log(`用户 ${receiverName} 不存在`);
}
}
};
// 定义用户对象
class User {
constructor(name) {
this.name = name;
this.chatRoom = null;
}
// 设置用户所在的聊天室
setChatRoom(chatRoom) {
this.chatRoom = chatRoom;
}
// 发送消息的方法
sendMessage(receiverName, message) {
this.chatRoom.sendMessage(this.name, receiverName, message);
}
// 接收消息的方法
receiveMessage(senderName, message) {
console.log(`用户 ${this.name} 收到来自 ${senderName} 的消息：${message}`);
}
}
// 创建用户
const user1 = new User('张三');
const user2 = new User('李四');
const user3 = new User('王五');
// 将用户注册到聊天室
chatRoom.register(user1);
chatRoom.register(user2);
chatRoom.register(user3);
// 用户发送消息
user1.sendMessage('李四', '你好啊，李四！');
user2.sendMessage('王五', '王五，今天过得咋样？');
代码解释
chatRoom就是中介者对象，它里面有一个users对象用来存储所有用户，register方法用于注册用户，sendMessage方法用于转发消息。User类代表用户，每个用户有自己的名字和所在的聊天室。setChatRoom方法用于设置用户所在的聊天室，sendMessage方法通过中介者来发送消息，receiveMessage方法用于接收消息。
三、应用场景
1. 图形界面开发
在图形界面开发中，有很多组件之间需要相互通信。比如一个表单里有输入框、按钮、下拉框等组件，当输入框内容改变时，可能需要更新按钮的状态，或者当下拉框选择改变时，需要更新输入框的内容。这时候就可以用中介者模式，让中介者来协调这些组件之间的通信。
2. 游戏开发
在游戏开发中，有很多游戏对象之间需要交互。比如玩家、怪物、道具等对象，它们之间的攻击、拾取道具等操作都需要进行通信。使用中介者模式可以让这些对象之间的关系更加清晰，便于维护和扩展。
3. 分布式系统
在分布式系统中，不同的服务之间需要进行通信和协调。比如一个电商系统中，订单服务、库存服务、支付服务等之间需要相互协作。中介者模式可以作为一个中间层，负责协调这些服务之间的通信，降低服务之间的耦合度。
四、技术优缺点
优点
1. 降低耦合度
使用中介者模式可以让对象之间的关系变得简单，每个对象只需要和中介者进行通信，而不需要和其他对象直接交互。这样可以降低对象之间的耦合度，提高代码的可维护性和可扩展性。
2. 便于维护和扩展
当需要添加新的对象或者修改对象之间的通信逻辑时，只需要修改中介者对象的代码，而不需要修改其他对象的代码。这样可以减少代码的修改范围，降低出错的概率。
3. 提高代码的可读性
中介者模式将对象之间的通信逻辑集中在中介者对象中，使得代码的结构更加清晰，易于理解和阅读。
缺点
1. 中介者对象可能变得复杂
随着对象数量的增加和通信逻辑的复杂，中介者对象可能会变得非常庞大和复杂，导致维护难度增加。
2. 可能影响性能
由于所有的通信都要经过中介者对象，可能会导致性能下降，尤其是在对象数量很多、通信频繁的情况下。
五、注意事项
1. 中介者对象的设计
中介者对象的设计要合理，要把对象之间的通信逻辑封装好，避免中介者对象变得过于复杂。可以将一些复杂的逻辑拆分成多个小的方法，提高代码的可读性和可维护性。
2. 避免过度使用
中介者模式虽然可以降低对象之间的耦合度，但并不是所有的场景都适合使用。如果对象之间的通信比较简单，直接进行通信可能更合适，过度使用中介者模式可能会增加代码的复杂度。
3. 异常处理
在中介者对象中，要做好异常处理。比如当接收方用户不存在时，要给出相应的提示信息，避免程序出现错误。
六、文章总结
中介者模式是一种非常实用的设计模式，它可以简化对象之间的复杂通信，降低对象之间的耦合度，提高代码的可维护性和可扩展性。在 JavaScript 中，我们可以很方便地实现中介者模式，通过一个中介者对象来协调各个对象之间的通信。
不过，在使用中介者模式时，我们也要注意中介者对象的设计，避免过度使用，同时要做好异常处理。在实际开发中，我们可以根据具体的场景来决定是否使用中介者模式，合理运用这种模式可以让我们的代码更加健壮和易于维护。
评论