JavaScript設(shè)計(jì)模式之調(diào)停者模式實(shí)例詳解

function CDDriver( mediator ) {
  //持有一個(gè)調(diào)停者對(duì)象
  this.mediator = mediator;
  /**
   * 獲取當(dāng)前同事類對(duì)應(yīng)的調(diào)停者對(duì)象
   */
  this.getMediator = function() {
    return mediator;
  }
 //光驅(qū)讀取出來的數(shù)據(jù)
 this.data = "";
  /**
   * 獲取光盤讀取出來的數(shù)據(jù)
   */
  this.getData = function() {
    return this.data;
  }
  /**
   * 讀取光盤
   */
  this.readCD = function(){
    //逗號(hào)前是視頻顯示的數(shù)據(jù)，逗號(hào)后是聲音
    this.data = "西游記,老孫來也！";
    //通知主板，自己的狀態(tài)發(fā)生了改變
    this.getMediator().changed(this);
  }
}

function CPU( mediator ) {
 //持有一個(gè)調(diào)停者對(duì)象
 this.mediator = mediator;
 /**
  * 獲取當(dāng)前同事類對(duì)應(yīng)的調(diào)停者對(duì)象
  */
 this.getMediator = function() {
   return mediator;
 }
  //分解出來的視頻數(shù)據(jù)
  this.videoData = "";
  //分解出來的聲音數(shù)據(jù)
  this.soundData = "";
  /**
   * 獲取分解出來的視頻數(shù)據(jù)
   */
  this.getVideoData = function() {
    return this.videoData;
  }
  /**
   * 獲取分解出來的聲音數(shù)據(jù)
   */
  this.getSoundData = function() {
    return this.soundData;
  }
  /**
   * 處理數(shù)據(jù)，把數(shù)據(jù)分成音頻和視頻的數(shù)據(jù)
   */
  this.executeData = function(data){
    //把數(shù)據(jù)分解開，前面是視頻數(shù)據(jù)，后面是音頻數(shù)據(jù)
    var array = data.split(",");
    this.videoData = array[0];
    this.soundData = array[1];
    //通知主板，CPU完成工作
    this.getMediator().changed(this);
  }
}

function VideoCard( mediator ) {
  //持有一個(gè)調(diào)停者對(duì)象
  this.mediator = mediator;
  /**
   * 獲取當(dāng)前同事類對(duì)應(yīng)的調(diào)停者對(duì)象
   */
  this.getMediator = function() {
    return mediator;
  }
  /**
   * 顯示視頻數(shù)據(jù)
   */
  this.showData = function(data){
    console.log("正在播放的是：" + data);
  }
}

function SoundCard( mediator ){
  //持有一個(gè)調(diào)停者對(duì)象
  this.mediator = mediator;
  /**
   * 獲取當(dāng)前同事類對(duì)應(yīng)的調(diào)停者對(duì)象
   */
  this.getMediator = function() {
    return mediator;
  }
  /**
   * 按照聲頻數(shù)據(jù)發(fā)出聲音
   */
  this.soundData = function(data){
    console.log("輸出音頻：" + data);
  }
}

function MainBoard() {
  //需要知道要交互的同事類——光驅(qū)類
  this.cdDriver = null;
  //需要知道要交互的同事類——CPU類
  this.cpu = null;
  //需要知道要交互的同事類——顯卡類
  this.videoCard = null;
  //需要知道要交互的同事類——聲卡類
  this.soundCard = null;
  this.setCdDriver = function(cdDriver) {
    this.cdDriver = cdDriver;
  }
  this.setCpu = function(cpu) {
    this.cpu = cpu;
  }
  this.setVideoCard = function(videoCard) {
    this.videoCard = videoCard;
  }
  this.setSoundCard = function(soundCard) {
    this.soundCard = soundCard;
  }
  this.changed = function(c) {
    if(c instanceof CDDriver){
      //表示光驅(qū)讀取數(shù)據(jù)了
      this.opeCDDriverReadData(c);
    }else if(c instanceof CPU){
      this.opeCPU(c);
    }
  }
  /**
   * 處理光驅(qū)讀取數(shù)據(jù)以后與其他對(duì)象的交互
   */
  this.opeCDDriverReadData = function(cd){
    //先獲取光驅(qū)讀取的數(shù)據(jù)
    var data = cd.getData();
    //把這些數(shù)據(jù)傳遞給CPU進(jìn)行處理
    cpu.executeData(data);
  }
  /**
   * 處理CPU處理完數(shù)據(jù)后與其他對(duì)象的交互
   */
  this.opeCPU = function(cpu){
    //先獲取CPU處理后的數(shù)據(jù)
    var videoData = cpu.getVideoData();
    var soundData = cpu.getSoundData();
    //把這些數(shù)據(jù)傳遞給顯卡和聲卡展示出來
    this.videoCard.showData(videoData);
    this.soundCard.soundData(soundData);
  }
}

//創(chuàng)建調(diào)停者——主板
var mediator = new MainBoard();
//創(chuàng)建同事類
var cd = new CDDriver(mediator);
var cpu = new CPU(mediator);
var vc = new VideoCard(mediator);
var sc = new SoundCard(mediator);
//讓調(diào)停者知道所有同事
mediator.setCdDriver(cd);
mediator.setCpu(cpu);
mediator.setVideoCard(vc);
mediator.setSoundCard(sc);
//開始看電影，把光盤放入光驅(qū)，光驅(qū)開始讀盤
 cd.readCD();