JS设计模式——中介者模式

什么是中介者模式？

中介者模式（Mediator）是用来降低多个对象和类之间的通信复杂性。这种模式提供一个中介类，该类通常处理不同类的通信，并支持松耦合，使代码易于维护。中介者模式属于行为模式。
在这里插入图片描述
实现

var mediator = (function () {
var topics = {}

// 订阅一个 topic，提供一个回调函数，一旦 topic 被广播就执行该回调
var subscribe = function(topic, fn) {
    if (!topics[topic]) {
        topics[topic] = []
    }
    topics[topic].push({
        context: this,
        callback: fn
    })

    return this
}

// 发布/广播事件到程序的剩余部分
var publish = function(topic) {
    var args

    if (!topics[topic]) {
        return false
    }

    args = Array.prototype.slice.call(arguments, 1)

    for (var i = 0, l = topics[topic].length; i < l; i++) {
        var subscription = topics[topic][i]
        subscription.callback.apply(subscription.context, args)
    }
    return this
}

return {
    publish: publish,
    subscribe: subscribe
}

})()

使用

我们举个生活中常见的例子——群聊。

		// 小A加入了前端群，如果群里有人说话，自己就会收到消息
		mediator.subscribe('fe-group', function(data) {
		    console.log(data)
		})
		
		// 小B也加入了前端群，如果群里有人说话，自己就会收到消息
		mediator.subscribe('fe-group', function(data) {
		    console.log(data)
		})
		
		// 这个时候小B在群里给小A发送了一条信息
		// 在群里的人都会收到这条信息
		// 打印两次 {message: 'hello A', from: 'B', to: 'A'}
		mediator.publish('fe-group', {message: 'hello A', from: 'B', to: 'A'})

这个例子中，群就是一个中介者 Mediator，而小A、小B是 Collegue，他们都是通过群来通信的。

试想如果没有群这个中介者，每个人就通过私聊来互相沟通，那么就需要不断切换聊天窗口，很麻烦。而且这样会形成一个网状的结构。而有了中介者，大家的沟通就会变得很容易，都在群里发送和查看消息。这样网状结构就会变成星状结构。

作者：userkang
来源：CSDN
原文：https://blog.csdn.net/userkang/article/details/87286909
版权声明：本文为博主原创文章，转载请附上博文链接！