JS设计模式之中介者模式

介绍

中介者模式(Mediator),用一个中介对象来封装一系列的对象交互,使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。

中介者模式通过提供一个统一的接口让系统的不同部分进行通信。一般,如果系统有很多子模块需要沟通,都要创建一个中央控制点让其各模块通过该中央控制点进行交互,中央控制点就是扮演中介者角色的,这样可以让这些子模块不需要直接沟通,而达到进行解耦的目的。

JS设计模式之中介者模式_第1张图片

正文

代码中聊,代码中有四个参与者,通过注册一个聊天室(中介者)加入聊天会话,参与者通过聊天室相互发送消息。这里的聊天室对象就起到了中介的作用,协调其他的对象,进行合理的组织,降低耦合。

//参与者
var Participant = function(name) {
    this.name = name;
    this.chatroom = null;
};
//定义参与者方法
Participant.prototype = {
    send: function(message, to) {
        this.chatroom.send(message, this, to);
    },
    receive: function(message, from) {
        log.add(from.name + " to " + this.name + ": " + message);
    }
};

//聊天室(中介者)
var Chatroom = function() {
    var participants = {};
    return {
        register: function(participant) {
            participants[participant.name] = participant;
            participant.chatroom = this;
        },
        send: function(message, from, to) {
            if (to) {                   
                to.receive(message, from);    
            } else {                     
                for (key in participants) {   
                    if (participants[key] !== from) {
                        participants[key].receive(message, from);
                    }
                }
            }
        }
    };
};

//查看聊天记录
var log = (function() {
    var log = "";
    return {
        add: function(msg) { log += msg + "\n"; },
        show: function() { alert(log); log = ""; }
    }
})();

//使用
function run() {
    var yoko = new Participant("Yoko");
    var john = new Participant("John");
    var paul = new Participant("Paul");
    var ringo = new Participant("Ringo");
    var chatroom = new Chatroom();
    chatroom.register(yoko);
    chatroom.register(john);
    chatroom.register(paul);
    chatroom.register(ringo);
    yoko.send("All you need is love.");
    yoko.send("I love you John.");
    john.send("Hey, no need to broadcast", yoko);
    paul.send("Ha, I heard that!");
    ringo.send("Paul, what do you think?", paul);
    log.show();
}

总结

  1. 与观察者模式的区别

    观察者模式,没有封装约束的单个对象,相反,观察者Observer和具体类Subject是一起配合来维护约束的,沟通是通过多个观察者和多个具体类来交互的:每个具体类通常包含多个观察者,而有时候具体类里的一个观察者也是另一个观察者的具体类。而中介者模式所做的不是简单的分发,却是扮演着维护这些约束的职责。

  2. 与外观模式的区别

    中介者所做的是在模块之间进行通信,是多向的,但外观模式只是为某一个模块或系统定义简单的接口而不添加额外的功能。系统中的其它模块和外观模式这个概念没有直接联系,可以认为是单向性。

  3. 应用场合

    中介者模式一般应用于一组对象已定义良好但是以复杂的方式进行通信的场合,一般情况下,中介者模式很容易在系统中使用,但也容易在系统里误用,当系统出现了多对多交互复杂的对象群时,先不要急于使用中介者模式,而是要思考一下是不是系统设计有问题。
    另外,由于中介者模式把交互复杂性变成了中介者本身的复杂性,所以说中介者对象会比其它任何对象都复杂。

你可能感兴趣的:(前端开发专栏)