设计模式中介者模式 js java 代码实现中间类

最新推荐文章于 2022-07-20 17:46:12 发布

黄钟飞

最新推荐文章于 2022-07-20 17:46:12 发布

阅读量447

点赞数

文章标签：设计模式中介者模式前端

本文链接：https://blog.csdn.net/qq_41387882/article/details/123411463

版权

中介者模式是一种设计模式，它将复杂的多对多关系转化为简单的一对一交互。通过创建一个中介类，对象之间的通信不再直接进行，而是通过中介对象进行，降低了类的复杂度并解耦了关联对象。例子包括国际贸易中的世界贸易组织（WTO）和在线购物平台。该模式在Vue组件通信和MVC架构中也有应用。

摘要由CSDN通过智能技术生成

外观模式

大白话：一个人需要买很多东西，就需要来回跑很多趟。那么我们就提供一个超级大超市，需要买的人，或者卖的人，他们不用直接一对多联系，而是去和超市联系一对一联系；

详细解说

核心思想：将一对多关系，-转变为- 一对一
解决什么：一个对象变更是，需要去修改N个关联对象，那么提供一个中间人，去完成这个事情。
何时使用：
1. N个对象需要对N个对象引用关联. 错综复杂；
2. 需要统一个中间类，封装多个类行为，
如何实现：将多个关联的引用删处，新建一个中间者，复杂全部调度；
生活案例：
1. 中国没有加入TWO之前，一个个国家做生意，而现在是通过TWO使各个国家在上面自由贸易往来
2. 网上点餐
3. 机场调度系统

优点：

降低类的复杂度，让一对多，变为一对一
个个类之间解耦
符合迪米特原则

缺点：

业务越大，中介类越大越复杂

项目实操

Vue中各各兄弟组件同学，通过祖先实例来实现
MVC 三层中，C调度者

实现代码

/** 中介者模式 */
// 中介类
class ChatRoom {
    static setMsg(user, msg) {
        // 处理中间层业务 xxx...
        console.log(`用户：${user}, 发送消息：${msg}`);
    }
}
class ChatUser {
    constructor (name) {
        this.name = name
    }

    sendMessage(msg) {
        ChatRoom.setMsg(this.name, msg)
    }
}

const userA1 = new ChatUser('小红');
const userA12 = new ChatUser('小张');

userA1.sendMessage('你好，有人吗？')
userA12.sendMessage('我看到小红发言了')