专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

高级前端必会设计模式之中介者模式

ins518 2024-09-11 09:27:54 技术文章 28 ℃ 0 评论

前端JavaScript设计模式-中介者模式

中介者模式目的是为了处理多个对象之间互相的访问关系,使每个对象之间的交互能通过中介者来进行双向处理从而达到双方的目的

// 中介者
class Mediator{
  constructor(a,b){
    this.a = a
    this.b = b
  }
  setA(){
    let number = this.b.number
    this.a.setNumber(number * 100)
  }

  setB(){
    let number = this.a.number
    this.b.setNumber(number / 100)
  }
}

class A{
  constructor() {
    this.number = 0
  }
  setNumber(num,m){
    this.number = num
    if(m){
      m.setB()
    }
  }
}

class B{
  constructor() {
    this.number = 0
  }
  setNumber(num,m){
    this.number = num
    if(m){
      m.setA()
    }
  }
}

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表