> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 디자인 패턴의 중재자 모드 Mediator_javascript 기술

자바스크립트 디자인 패턴의 중재자 모드 Mediator_javascript 기술

WBOY
풀어 주다: 2016-05-16 16:23:16
원래의
907명이 탐색했습니다.

1. 전체 요약

1, 저자가 간략하게 설명합니다

일상생활에서 간단히 비유해 보겠습니다. 집을 임대하기 위해 주택 중개소에 갑니다. 주택 중개소는 임차인과 집주인 사이의 중개자 역할을 합니다. 임차인은 누구의 집을 임대하든 상관하지 않습니다. 집주인은 자신이 누구에게 임대하는지 신경 쓰지 않습니다. 중개자의 존재로 인해 이 거래는 매우 편리해졌습니다.

소프트웨어 개발 과정에서 필연적으로 여러 클래스 또는 하위 시스템이 서로 상호 작용하는 상황에 직면하게 되며 상호 작용이 매우 번거로워 각 클래스가 상호 작용해야 하는 클래스를 알아야 합니다. 그들의 결합은 매우 강력해 보일 것입니다. 한 번의 움직임이 몸 전체에 영향을 미치면, 곰은 매우 화를 낼 것입니다! ~~~~~(>_<)~~~~

자, 이제 질문이 제기되었으니 이번 호의 주인공인 중개 모드를 초대해 보겠습니다.

중개자의 기능은 개체 간의 상호 작용을 캡슐화하는 것입니다. 개체의 작업으로 인해 다른 관련 개체가 변경되고 개체가 이러한 관계를 자체적으로 처리하기를 원하지 않는 경우 중개자를 찾아서 이러한 번거로운 관계를 처리하도록 할 수 있습니다. 아래의 작은 예를 살펴보세요.

코드 복사 코드는 다음과 같습니다.

var 참가자 = 함수(이름) {
    this.name = 이름;
    this.chatroom = null;
};
참가자.프로토타입 = {
    보내기: 함수(메시지, 받는 사람) {
        this.chatroom.send(메시지, 이, 대상);
    },
    수신: 함수(메시지, 보낸 사람) {
        log.add(from.name "에서 " this.name ": " 메시지);
    }
};
var Chatroom = function() {
    var 참가자 = {};
    반환 {
        등록: 기능(참가자) {
            참가자[참가자.이름] = 참가자;
            참가자.채팅룸 = 이;
        },
        보내기: 기능(메시지, 보낸 사람, 받는 사람) {
            if (to) {                  
                to.receive(메시지, from);   
            } else {                   
                for (참가자 핵심) {  
                    if (참여자[key] !== from) {
                        참가자[키].receive(메시지, 보낸 사람);
                    }
                }
            }
        }
    };
};
var log = (함수() {
    var log = "";
    반환 {
        추가: function(msg) { log = msg "n"; },
        표시: function() { 경고(로그); 로그 = ""; }
    }
})();
함수 실행() {
    var yoko = 새로운 참가자("Yoko");
    var john = 새로운 참가자("John");
    var paul = 새로운 참가자("Paul");
    var ringo = 새로운 참가자("Ringo");
    var chatroom = 새 채팅방();
    chatroom.register(yoko);
    chatroom.register(존);
    chatroom.register(폴);
    chatroom.register(링고);
    yoko.send("당신에게 필요한 것은 사랑뿐입니다.");
    yoko.send("존을 사랑해요.");
    john.send("야, 방송할 ​​필요 없어", yoko);
    paul.send("하, 그거 들었어요!");
    ringo.send("폴, 어떻게 생각하세요?", paul);
    log.show();
}

저희는 参个代码中에서 加入聊天会话通过注册一个聊天室(中介)。每个参与저자님의 参与代对象的表。参与者与发送消息和聊天室的处理路由。

这里的聊天室对象就起到了中介的작품, 协调其他的对象, 进行组织, 降低耦合.

이,源码案例参考

저는 MVC 3层模型实体模型(모델), 视图表现层(보기) 还有控 조절기(제어/조정자)를 제공합니다.

이것은 MVC를 사용하는 중앙 사용자입니다.

삼,案例引入

复主代码 代码如下:

함수 플레이어(이름) {
    this.points = 0;
    this.name = 이름;
}
Player.prototype.play = 함수 () {
    this.points = 1;
    mediator.played();
};
var 점수판 = {
    요소:document.getElementById('결과'),
    업데이트:함수(점수) {
        var i, msg = '';
        for (i 점수) {
            if (score.hasOwnProperty(i)) {
                msg = '

' 나 ': ';
                msg = 점수[i];
                msg = '

';
            }
        }
        this.element.innerHTML = msg;
    }
};
var 중재자 = {
    플레이어:{},
    설정:함수 () {
        var 플레이어 = this.players;
        플레이어.홈 = 새 플레이어('홈');
        플레이어.게스트 = 새 플레이어('게스트');
    },
    재생됨:함수 () {
        var 플레이어 = this.players,
                점수 = {
                    홈:players.home.points,
                    게스트:players.guest.points
                };
        Scoreboard.update(점수);
    },
    키 누르기:기능(e) {
        e = e || 창.이벤트;
        if (e.which === 49) {
            mediator.players.home.play();
            반품;
        }
        if (e.which === 48) {
            mediator.players.guest.play();
            반품;
        }
    }
};
mediator.setup();
window.onkeypress = mediator.keypress;
setTimeout(함수 () {
    window.onkeypress = null;
    console.log('게임 끝!');
}, 30000);

4,总结一下

왜 중재자인가?

各个对象の间的交互操작품비常多, 每个对象的行为操操操操改依赖彼此对方, 修改一个对象的行为,同时会涉及到为改很多其他对象의 여행은 ,

이용 중재자 模式, 可以使各个对象间的耦합송散, 只需关心과 중재자 关系,使多对多 关系变了一对多 关系,

이것은 매우 높은 수준의 광고입니다.

使用中介者模式의 결합

1. 하나의 확정은 매우 유용한 정보를 제공하며, 이는 이동 중에도 편리하게 이용할 수 있습니다.

2.정확한 분할 방식은 더 많은 중앙 이동 방식으로 이루어지며 더 많은 전자 제품을 사용할 수 없습니다.

可以看流, 中介对象主要是用来封装行为的, 行为的参与者就是那些对象, 但是过中介者, 这些对象不互对象不用互道通.(迪)米特法则的具体实现)

使用中介者模式의优点:

1.降低了系统对象之间的耦合性,使得对象易于独立的被复用.

2.고농도의 灵活性, 使得系统易于扩展과 维护.

使用中介者模式의缺点:

中介者模式的缺点是显而易见的, 因为这个 "中介"承担了较多 责任, 所以一旦这个中介对象流现了问题,那么整个系统就会受到影响.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿