javascript mediator pattern
定义
定义一个对象,它封装一组相互作用的对象。中介者促使对象之间保持通讯但是又松耦合,你可以很独立的改变他们的相互作用。
提要
中介者提供一个权威中心,用来控制一组对象之间的相互作用。这种模式在这种情境下是非常有用的:在一个复杂的环境里的每一个对象都很希望清楚其他对象的任何状态变化。
中介者模式在开发复杂的表单中非常有用。举一个列子,在一个页面上,你希望预定一个航班;一个简单的中介者规则就是:你必须输入一个有效的出发时间,一个有效的返回时间,返回时间必须晚于出发时间,一个有效的起飞机场,一个有效的降落机场,一个有效的旅行者证件号码,只要这些满足之后,搜索或者提交按钮才能被激活变为可用。
另一个中介者的例子就是飞机场协调起飞和降落的调度中心。
图标说明
一个聊天室的例子
- 中介者 -- 在下面的示例代码中:Chartroom
- 定义参与对象之间通讯接口
- 持有所有参与者的引用
- 整个运作的管理调度中心
- 参与者 -- 在下面的示例代码中: Participants
- 被中介者调度的对象
- 每个对象实例都持有中介者的引用
Javascript 示例代码
在示例代码中,有4个参与者通过注册的方式被添加到了聊天室(中介者)的会话当中。参与者可以给彼此发送消息,聊天室接手控制着相互之间的路由。
这个例子是很简单的,但是可以继续添加复杂的规则,比如垃圾信息过滤,用来避免参与者接收到垃圾信息。
log 方法是一个助手程序,帮助收集和展示结果。
var Participant = function(name){
this.name = name;
this.chartroom = null;
} Participant.prototype = {
send: function(message, to){
//发送方法一般用来向中介者发送消息,告诉中介者我哪些状态发生了变化,让中介者来决定做些什么
this.chartroom.send(message, this, to);
},
receive: function(message, from){
//接受方法一般用来收到中介者的消息之后,做些什么
//下面就是让log把信息收集起来
log.add(from.name + ' to ' + this.name + ': ' + message);
}
} var Chartroom = function(){
//这里定义了一个中介者Chartroom var participants = {}; //用来收集持有参与者的一个变量容器
return { //返回对外暴露的接口
register: function(participant){
participants[participant.name] = participant;
participant.chartroom = this; //把自己这个中介者的引用传给参与者,让参与者持有中介者的引用,让参与者自己知道他的leader是谁
},
send: function(message, from, to){
if(to){
to.receive(message, from);
}else{
for(var key in participants){
if(participants[key] !== from){
participants[key].receive(message, from);
}
}
}
}
};
} //为什么log首字母,是因为后面是一个立即执行的函数,执行完之后,log被赋值了一个对象,所以log是个对象,要小写
var log = (function(){
var log = ''; //相当于用于记录log信息的数据文件
return {
add: function(msg){ log += msg + '\n';},
show: function(){ alert(log); log = '';} //输出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 chartroom = new Chartroom(); chartroom.register(yoko);
chartroom.register(john);
chartroom.register(paul);
chartroom.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('Poul, what do you think?', paul); log.show();
}
运行的结果:
参考引用:http://www.dofactory.com/javascript-mediator-pattern.aspx
javascript mediator pattern的更多相关文章
- JavaScript Module Pattern: In-Depth
2010-03-12 JavaScript Module Pattern: In-Depth The module pattern is a common JavaScript coding patt ...
- 深入浅出设计模式——中介者模式(Mediator Pattern)
模式动机 在用户与用户直接聊天的设计方案中,用户对象之间存在很强的关联性,将导致系统出现如下问题: 系统结构复杂:对象之间存在大量的相互关联和调用,若有一个对象发生变化,则需要跟踪和该对象关联的其他 ...
- 二十四种设计模式:中介者模式(Mediator Pattern)
中介者模式(Mediator Pattern) 介绍用一个中介对象来封装一系列的对象交互.中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互. 示例有一个Messa ...
- [Design Pattern] Mediator Pattern 简单案例
Meditor Pattern,即调解模式,用一个调解类类处理所有的沟通事件,使得降低多对象之间的沟通难度,属于行为类的设计模式.为了方便理解记忆,我也称其为,沟通模式. 下面是一个调解模式的简单案例 ...
- 乐在其中设计模式(C#) - 中介者模式(Mediator Pattern)
原文:乐在其中设计模式(C#) - 中介者模式(Mediator Pattern) [索引页][源码下载] 乐在其中设计模式(C#) - 中介者模式(Mediator Pattern) 作者:weba ...
- 第17章 中介者模式(Mediator Pattern)
原文 第17章 中介者模式(Mediator Pattern) 中介者模式 概述: 在软件开发中,我们有时会碰上许多对象互相联系互相交互的情况,对象之间存在复杂的引用关系,当需求更改时,对系统进 ...
- JavaScript module pattern精髓
JavaScript module pattern精髓 avaScript module pattern是一种常见的javascript编码模式.这种模式本身很好理解,但是有很多高级用法还没有得到大家 ...
- C#设计模式之十八中介者模式(Mediator Pattern)【行为型】
一.引言 今天我们开始讲“行为型”设计模式的第五个模式,该模式是[中介者模式],英文名称是:Mediator Pattern.还是老套路,先从名字上来看看.“中介者模式”我第一次看到这个名称,我的理解 ...
- C#设计模式之十七中介者模式(Mediator Pattern)【行为型】
一.引言 今天我们开始讲“行为型”设计模式的第五个模式,该模式是[中介者模式],英文名称是:Mediator Pattern.还是老套路,先从名字上来看看.“中介者模式”我第一次看到这个名称,我的理解 ...
随机推荐
- java 打包war包
jar -cvf news.war news war包放在Tomcat webApp中可以自动解压.
- 如何监控tomcat性能
如何监控tomcat性能:[1]工具一 | 浏览:155 | 更新:2014-12-13 10:06 1 2 3 4 5 6 分步阅读 tomcat经常被用作中间件,也有直接作WEB的,自带的工具不是 ...
- 从 高斯 到 正态分布 到 Z分布 到 t分布
正态分布是如何被高斯推导出来的, 我感觉高斯更像是猜出了正态分布. 详见这篇文章:<正态分布的前世今生> http://songshuhui.NET/archives/76501 说一说理 ...
- Linux磁盘分区及链接文件的特点
系统分区 传统的分区fdisk 最大支持2T的硬盘分区 对存储,多分区使用的parted 主分区:最多只能有4个 扩展分区 最多只能有1个 主分区加扩展分区最多有4个 不能写入数据,只能包含逻辑分区 ...
- Linux命令行上执行操作,不退回命令行的解决方法
问题描述: 如果你现在登录Centos执行了某个操作,但是操作一直占用命令行,命令行显示的也都是这个命令相关的操作,我想做其它事情 ,该怎么办呢 ? 解决方法: 根据<Linux命令行与Shel ...
- 【VUE+laravel5.4】vue给http请求 添加请求头数据
1.适用于 ajax和普通的http请求 2.vue添加用法如下: <script type="text/javascript src="/dist/js/app.min.j ...
- 从gentoo回归Arch,上组图
Arch一直在我笔记本里边,只是玩gentoo时我不进Arch了,现在回归Arch,升级到了最新,用上了gentoo的最新的2.6.31内核(自己配置,无initrd),引导程序用的grub4dos: ...
- 基于UDP协议的网络程序
一.下图是典型的UDP客户端/服务器通讯过程 下面依照通信流程,我们来实现一个UDP回射客户/服务器 #include <sys/types.h> #include <sys/so ...
- CodeForces 550A Two Substrings(模拟)
[题目链接]click here~~ [题目大意]: You are given string s. Your task is to determine if the given string s ...
- BZOJ 2466 中山市选2009 树 高斯消元+暴力
题目大意:树上拉灯游戏 高斯消元解异或方程组,对于全部的自由元暴力2^n枚举状态,代入计算 这做法真是一点也不优雅... #include <cstdio> #include <cs ...