JavaScript设计模式（11）—— 中介者模式

古城微笑少年丶 2021-09-07 06:02 325阅读 0赞

# 现实中的中介者 —— 婚介中心 #

婚介中心往往搜罗了大量的男男女女信息，当我们去婚介所请求一个“对象”的时候，婚介所通常都是先把你的信息录入到系统之中，然后婚介所会把你需要的“对象们”介绍给你。同时你也会被作为一个样本，被介绍给别人。  
当A和B发生关系的时候，B和C可能也在搞对象，而A也可能和D还有一腿。  
这个时候你作为A，你想要得知你的B在跟谁乱搞男女关系，你就得向婚介所求证了。  
同时婚介所在知道A和B开始正式搞对象的时候，应该通知B的对象们，B已经和A在搞男女关系了。  
在上面的系统中，用户都是通过婚介所这个中间人去和其他对象发生关系，同时婚介所有义务通知给有关人员一些信息。  
因此可以归类出以下代码信息：

1.  用户是拥有不同特征的独立个体
2.  用户必须通过中介者去联系其他个体
3.  婚介中心存储了所有用户信息
4.  婚介中心可以通过一些操作是用户和用户之间发生关系

# 编写一个简单的中介者模式 #

// 用户
     function User(name,sex,IdCard){ 
          this.name = name
          this.sex = sex
          this.IdCard = IdCard // 身份证
          this.py = [] // py对象
          this.lover = null // 绑定一个爱人
      }
    
      // 注册帐号
      User.prototype.register = function(){ 
          MarriageAgency.addUser(this)
      }
      // 通知婚介所喜结连理
      User.prototype.getLove = function(otherUser){ 
          this.py = [] // 把朋友圈给清空了
          MarriageAgency.userGetLove(this,otherUser)
      }
    
      // 向婚介所获取一大堆对象
      User.prototype.getUsers = function(){ 
          this.py =  MarriageAgency.pushUsers(this)
      }
    
      // 工厂函数，用于直接把用户添加到婚介所里去
      function userFactory(name,sex,IdCard){ 
          const newUser = new User(name,sex,IdCard)
          newUser.register()
          return newUser
      }
    
      let MarriageAgency = { 
          userArr:[],
          addUser:function(user){ 
              this.userArr.push(user)
          },
          // 喜结连理
          userGetLove(userA,userB){ 
              this.userArr = this.userArr.filter((item)=>{ 
                  return item.IdCard!==userA.IdCard && item.IdCard!==userB.IdCard
              })
          },
          pushUsers(userInfo){ 
              // 这里把性别不一样的全推荐给他，当然实际算法没那么简单
              return this.userArr.filter((item)=>item.sex!==userInfo.sex)
          }
      }
    
      let user1 = userFactory('小明','男','1')
      let user2 = userFactory('小红','女','2')
      let user3 = userFactory('小花','女','3')
    
      user1.getUsers() // 介绍对象 ['小红','小花']
      user1.getLove(user2) // 通知婚介所，看上小红了，婚介所删除小明，小红信息
      console.log(MarriageAgency.userArr) // 还剩单身狗 ['小花']

上述代码介绍了用户小明，从注册信息到找到对象的全过程，而这个过程都是通过婚介所这个中介者完成的，小明不需要知道中介者里有多少单身男女，也无需关心喜结连理之后的事情，这些信息只要通过调用婚介所暴露给用户的接口由中介者来完成就可以了。

# 中介者模式最常用的场景 #

事实上中介者模式发生的场景往往不是业务场景，而是接口调用。想象一下，大部分用户是不可能直接读取数据库的数据作为接收信息的，当然用户也没有这个权限直接去查数据库。因此前端作为用户层，往往通过调用接口（中介者），去调用数据库的数据。前端不需要关心数据是如何读取的，并如何查重，过滤，排序的，前端只需要根据约定好的协议，也就是中介者暴露给用户的接口，直接调用就完事了。所以ajax最是最常用的中介者模式。