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

中介者模式

多个同事类之间的相互关联时,同事类之间的联系就会形成复杂的网状结构,这是一种过渡耦合的架构,不利于类的复用,也不稳定。

如果引入中介者模式,同事类之间的关系就会变成星型结构,任何一个类的变动只会影响类本身以及中介者并不会影响其他类,这样能就减少了系统的耦合。

使用场景

  • 系统中对象之间存在复杂引用关系,系统结构混乱难以理解
  • 当想创建一个运行于多个类之间的对象,又不想生成新的子类时

实例实现

以租房为例,租房者和房主都通过中介更新信息,中介将更新后的信息通知对应的对象。

// 租房者
class Tenant{
  constructor(name, Mediator){
    this.name = name;
    this.mediator = mediator;
  }
	// 联系方法,通过该方法发布信息
  constact(message){
    this.mediator.constact(message, this);
  }
	
	// 获取信息,获取更新后的信息
  getMessage(message){
   console.log(message);
  }
}

// 房主
class HouseOwner{
  constructor(name, mediator){
    this.name= name;
    this.mediator = mediator;
  }
	// 联系方法,通过该方法发布信息
  constact(message){
    this.mediator.constact(message, this);
  }
	// 获取信息,获取更新后的信息
  getMessage(message){
    console.log(message);
  }
}

// 中介者
class Mediator {
  constructor(houseOwner,tenant) {
    this.houseOwner = houseOwner;
    this.tenant = tenant;
  }

  constract(message, person) {
    if(person == this.houseOwner){
      this.tenant.getMessage(message);
    } else {
      this.houseOwner.getMessage(message);
    }
  }
// 获取租房者
  getTenant(){
    return this.tenant;
  }
// 设置租房者
  setTenant(tenant){
    this.tenant = tenant;
  }
// 获取房主
  getHouseOwner(){
    return this.houseOwner;
  }
// 设置房主
  setHouseOwner(houseOwner){
    this.houseOwner = houseOwner;
  }
}

let mediator = new Mediator();

let tenant = new Tenant('hel', mediator);
let houseOwner = new HouseOwner('je', mediator);

mediator.setHouseOwner(houseOwner);
mediator.setTenant(tenant);

tenant.constact('hello');
houseOwner.constract('world');

优缺点

优点

  • 松散耦合,中介者通过把多个类之间的交互封装到中介者对象中,从而使类之间松散耦合,基本上可以做到互补依赖
  • 集中控制交互,多个同事对象的交互,被封装在中介者对象中集中管理,使得这些交互行为发生变化的时候,只需要修改中介者对象就可以了
  • 一对多关联转变成一对一关联,没有使用中介者的时候类之间的关系是一对多的,引入中介者对象后,中介者对象和对象之间的关系变成双向的一对一,让对象的关系更容易理解和实现

缺点

当同事类过多时,中介者的职责将很大,它会变得复杂而庞大,以至于难以维护

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端御书房

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值