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，他们都是通过群来通信的。

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