js設計模式：什麼是中介者模式？ js中介者模式的介紹

這篇文章帶給大家的內容是關於js設計模式：什麼是中介者模式？ js中介者模式的介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

什麼是中介者模式？

中介者模式：物件與物件之間借助第三方中介者進行通訊。

定義：用一個中介物件來封裝一系列的物件交互，中介者使各物件不需要明確地相互引用，從而使其耦合鬆散，而且可以獨立地改變它們之間的交互作用。

主要解決：物件與物件之間存在大量的關聯關係，這樣勢必會導致系統的結構變得很複雜，同時若一個物件發生改變，我們也需要追蹤與之相關聯的對象，同時做出對應的處理。

何時使用：多個類別相互耦合，形成了網狀結構。

如何解決：將上述網狀結構分離為星型結構。

js中介者模式應用實例： 1、中國加入 WTO 之前是各國相互貿易，結構複雜，現在是各國透過 WTO 來互相貿易。 2、機場調度系統。 3、MVC 框架，其中C（控制器）是 M（模型）和 V（視圖）的中介者。

js中介者模式優點： 1、降低了類別的複雜度，將一對多轉換成了一對一。 2、各類別之間的解耦。 3、符合迪米特原則。

js中介者模式缺點：中介者會龐大，變得複雜難以維持。

js中介者模式使用場景： 1、系統中物件之間存在著較為複雜的引用關係，導致它們之間的依賴關係結構混亂且難以重複使用該物件。 2.想透過一個中間類別來封裝多個類別中的行為，而又不想產生太多的子類別。

注意事項：不應在職責混亂的時候使用。

js中介者模式場景Demo

一場測試結束後，公佈結果：告知解答出題目的人挑戰成功，否則挑戰失敗。

const player = function(name) {
  this.name = name
  playerMiddle.add(name)
}

player.prototype.win = function() {
  playerMiddle.win(this.name)
}

player.prototype.lose = function() {
  playerMiddle.lose(this.name)
}

const playerMiddle = (function() { // 将就用下这个 demo，这个函数当成中介者
  const players = []
  const winArr = []
  const loseArr = []
  return {
    add: function(name) {
      players.push(name)
    },
    win: function(name) {
      winArr.push(name)
      if (winArr.length + loseArr.length === players.length) {
        this.show()
      }
    },
    lose: function(name) {
      loseArr.push(name)
      if (winArr.length + loseArr.length === players.length) {
        this.show()
      }
    },
    show: function() {
      for (let winner of winArr) {
        console.log(winner + '挑战成功;')
      }
      for (let loser of loseArr) {
        console.log(loser + '挑战失败;')
      }
    },
  }
}())

const a = new player('A 选手')
const b = new player('B 选手')
const c = new player('C 选手')

a.win()
b.win()
c.lose()

// A 选手挑战成功;
// B 选手挑战成功;
// C 选手挑战失败;

在這段程式碼中 A、B、C 之間沒有直接發生關係，而是透過另外的 playerMiddle 物件建立鏈接，姑且將之當成是中介者模式了。

相關推薦：

js設計模式：什麼是職責鏈模式？ js職責鏈模式的介紹

 js設計模式：什麼是享元模式？ js享元模式的介紹

以上是js設計模式：什麼是中介者模式？ js中介者模式的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！