JavaScript設計模式之調停者模式執行個體詳解，javascript設計模式

JavaScript設計模式之調停者模式執行個體詳解，javascript設計模式

本文執行個體講述了JavaScript設計模式之調停者模式。分享給大家供大家參考，具體如下：

1、定義

調停者模式封裝了一系列對象相互作用的方式，使得這些對象不必相互明顯作用。從而使他們可以鬆散偶合。當某些對象之間的作用發生改變時，不會立即影響其他的一些對象之間的作用。保證這些作用可以彼此獨立的變化。調停者模式將多對多的相互作用轉化為一對多的相互作用。調停者模式將對象的行為和協作抽象化，把對象在小尺度的行為上與其他對象的相互作用分開處理。

2、使用的原因

當對象之間的互動操作很多,且每個對象的行為操作都依賴彼此時,為防止在修改一個對象的行為時,同時涉及到修改很多其他對象的行為,可採用調停者模式,來解決緊耦合問題.

該模式將對象之間的多對多關係變成一對多關聯性,調停者對象將系統從網狀結構變成以調停者為中心的星形結構,達到降低系統的複雜性,提高可擴充性的作用.

調停者設計模式結構圖：

調停者模式包括以下角色：

●抽象調停者(Mediator)角色：定義出同事對象到調停者對象的介面，其中主要方法是一個（或多個）事件方法。
●具體調停者(ConcreteMediator)角色：實現了抽象調停者所聲明的事件方法。具體調停者知曉所有的具體同事類，並負責具體的協調各同事對象的互動關係。
●抽象同事類(Colleague)角色：定義出調停者到同事對象的介面。同事對象只知道調停者而不知道其餘的同事對象。
●具體同事類(ConcreteColleague)角色：所有的具體同事類均從抽象同事類繼承而來。實現自己的業務，在需要與其他同事通訊的時候，就與持有的調停者通訊，調停者會負責與其他的同事互動。

JS實現代碼：

CD光碟機

function CDDriver( mediator ) {  //持有一個調停者對象  this.mediator = mediator;  /**   * 擷取當前同事類對應的調停者對象   */  this.getMediator = function() {    return mediator;  } //光碟機讀取出來的資料 this.data = "";  /**   * 擷取光碟片讀取出來的資料   */  this.getData = function() {    return this.data;  }  /**   * 讀取光碟片   */  this.readCD = function(){    //逗號前是視頻顯示的資料，逗號後是聲音    this.data = "西遊記,老孫來也！";    //通知主板，自己的狀態發生了改變    this.getMediator().changed(this);  }}

CPU處理器

function CPU( mediator ) { //持有一個調停者對象 this.mediator = mediator; /**  * 擷取當前同事類對應的調停者對象  */ this.getMediator = function() {   return mediator; }  //分解出來的視頻資料  this.videoData = "";  //分解出來的聲音資料  this.soundData = "";  /**   * 擷取分解出來的視頻資料   */  this.getVideoData = function() {    return this.videoData;  }  /**   * 擷取分解出來的聲音資料   */  this.getSoundData = function() {    return this.soundData;  }  /**   * 處理資料，把資料分成音頻和視頻的資料   */  this.executeData = function(data){    //把資料分解開，前面是視頻資料，後面是音頻資料    var array = data.split(",");    this.videoData = array[0];    this.soundData = array[1];    //通知主板，CPU完成工作    this.getMediator().changed(this);  }}

顯卡

function VideoCard( mediator ) {  //持有一個調停者對象  this.mediator = mediator;  /**   * 擷取當前同事類對應的調停者對象   */  this.getMediator = function() {    return mediator;  }  /**   * 顯示視頻資料   */  this.showData = function(data){    console.log("現正播放的是：" + data);  }}

音效卡

function SoundCard( mediator ){  //持有一個調停者對象  this.mediator = mediator;  /**   * 擷取當前同事類對應的調停者對象   */  this.getMediator = function() {    return mediator;  }  /**   * 按照聲頻資料發出聲音   */  this.soundData = function(data){    console.log("輸出音頻：" + data);  }}

具體調停者類

function MainBoard() {  //需要知道要互動的同事類——光碟機類  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){      //表示光碟機讀取資料了      this.opeCDDriverReadData(c);    }else if(c instanceof CPU){      this.opeCPU(c);    }  }  /**   * 處理光碟機讀取資料以後與其他對象的互動   */  this.opeCDDriverReadData = function(cd){    //先擷取光碟機讀取的資料    var data = cd.getData();    //把這些資料傳遞給CPU進行處理    cpu.executeData(data);  }  /**   * 處理CPU處理完資料後與其他對象的互動   */  this.opeCPU = function(cpu){    //先擷取CPU處理後的資料    var videoData = cpu.getVideoData();    var soundData = cpu.getSoundData();    //把這些資料傳遞給顯卡和音效卡展示出來    this.videoCard.showData(videoData);    this.soundCard.soundData(soundData);  }}

用戶端

//建立調停者——主板var mediator = new MainBoard();//建立同事類var cd = new CDDriver(mediator);var cpu = new CPU(mediator);var vc = new VideoCard(mediator);var sc = new SoundCard(mediator);//讓調停者知道所有同事mediator.setCdDriver(cd);mediator.setCpu(cpu);mediator.setVideoCard(vc);mediator.setSoundCard(sc);//開始看電影，把光碟片放入光碟機，光碟機開始讀盤 cd.readCD();

列印效果

調停者模式的優點

● 鬆散耦合：調停者模式通過把多個同事對象之間的互動封裝到調停者對象裡面，從而使得同事對象之間鬆散耦合，基本上可以做到互補依賴。這樣一來，同事對象就可以獨立地變化和複用，而不再像以前那樣“牽一處而動全身”了。
● 集中控制互動：多個同事對象的互動，被封裝在調停者對象裡面集中管理，使得這些互動行為發生變化的時候，只需要修改調停者對象就可以了，當然如果是已經做好的系統，那麼就擴充調停者對象，而各個同事類不需要做修改。
● 多對多變成一對多：沒有使用調停者模式的時候，同事對象之間的關係通常是多對多的，引入調停者對象以後，調停者對象和同事對象的關係通常變成雙向的一對多，這會讓對象的關係更容易理解和實現。

調停者模式的缺點

調停者模式的一個潛在缺點是，過度集中化。如果同事對象的互動非常多，而且比較複雜，當這些複雜性全部集中到調停者的時候，會導致調停者對象變得十分複雜，而且難於管理和維護。