溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文實例講述了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();
打印效果
調停者模式的優點
● 松散耦合：調停者模式通過把多個同事對象之間的交互封裝到調停者對象里面，從而使得同事對象之間松散耦合，基本上可以做到互補依賴。這樣一來，同事對象就可以獨立地變化和復用，而不再像以前那樣“牽一處而動全身”了。
● 集中控制交互：多個同事對象的交互，被封裝在調停者對象里面集中管理，使得這些交互行為發生變化的時候，只需要修改調停者對象就可以了，當然如果是已經做好的系統，那么就擴展調停者對象，而各個同事類不需要做修改。
● 多對多變成一對多：沒有使用調停者模式的時候，同事對象之間的關系通常是多對多的，引入調停者對象以后，調停者對象和同事對象的關系通常變成雙向的一對多，這會讓對象的關系更容易理解和實現。
調停者模式的缺點
調停者模式的一個潛在缺點是，過度集中化。如果同事對象的交互非常多，而且比較復雜，當這些復雜性全部集中到調停者的時候，會導致調停者對象變得十分復雜，而且難于管理和維護。
更多關于JavaScript相關內容可查看本站專題：《javascript面向對象入門教程》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
