[[436283]]

 一、是什么

責任鏈模式(Chain of Responsibility Pattern)就是某個請求需要多個對象進行處理，從而避免請求的發送者和接收之間的耦合關系

將這些對象連成一條鏈子，并沿著這條鏈子傳遞該請求，直到有對象處理它為止

職責鏈上的處理者負責處理請求，客戶只需要將請求發送到職責鏈上即可，無須關心請求的處理細節和請求的傳遞

常見的流程如下：

• 發送者知道鏈中的第一個接受者，它向這個接受者發出請求
• 每一個接受者都對請求進行分析，要么處理它，要么往下傳遞
• 每一個接受者知道的其他對象只有一個，即它的下家對象
• 如果沒有任何接受者處理請求，那么請求將從鏈上離開，不同的實現對此有不同的反應

二、使用

假設我們負責一個售賣手機的網站，需求的定義是：需經過分別繳納500元定金和200元定金的兩輪預訂，才能到正式購買階段

公司對于交了定金的用戶有一定的優惠政策，規則如下：

• 繳納500元定金的用戶可以收到100元優惠券
• 納200元定金的用戶可以收到50元優惠券
• 而沒有繳納定金的用戶進入普通購買模式，沒有優惠券，而且在庫存不足的情況下，不一定能保證買得到

下面開始設計幾個字段，解釋它們的含義：

• orderType：表示訂單類型，值為1表示500元定金用戶，值為2表示200元定金用戶，值為3表示普通用戶。
• pay：表示用戶是否支付定金，值為布爾值true和false，就算用戶下了500元定金的訂單，但是如果沒有支付定金，那也會降級為普通用戶購買模式。
• stock：表示當前用戶普通購買的手機庫存數量，已經支付過定金的用戶不受限制。

代碼實現如下：

const order = function (orderType, pay, stock) { 
  if (orderType === 1) { 
    if (pay === true) { 
      console.log('500元定金預購，得到100元優惠券') 
    } else { 
      if (stock > 0) { 
        console.log('普通用戶購買，無優惠券') 
      } else { 
        console.log('手機庫存不足') 
      } 
    } else if (orderType === 2) { 
      if (pay === true) { 
        console.log('200元定金預購，得到50元優惠券') 
      } else { 
        if (stock > 0) { 
          console.log('普通用戶購買，無優惠券') 
        } else { 
          console.log('手機庫存不足') 
        } 
      } 
    } else if (orderType === 3) { 
      if (stock > 0) { 
          console.log('普通用戶購買，無優惠券') 
        } else { 
          console.log('手機庫存不足') 
      }  
  } 
} 
 
order(1, true, 500)  // 輸出：500元定金預購，得到100元優惠券' 

可以看到上述代碼大量實用化if...else，難以閱讀，維護起來也很困難

如果進行優化，則可以把500元訂單、200元訂單以及普通購買拆分成三個函數，如下：

function order500 (orderType, pay, stock) { 
  if (orderType === 1 && pay === true) { 
    console.log('500元定金預購，得到100元優惠券') 
  } else { 
    order200(orderType, pay, stock) 
  } 
} 
 
function order200 (orderType, pay, stock) { 
  if (orderType === 2 && pay === true) { 
    console.log('200元定金預購，得到50元優惠券') 
  } else { 
    order200(orderType, pay, stock) 
  } 
} 
 
function orderNormal (orderType, pay, stock) { 
  if (stock > 0) { 
    console.log('普通用戶購買，無優惠券') 
  } else { 
    console.log('手機庫存不足') 
  } 
} 
 
// 測試 
order500(1, true, 500)  // 500元定金預購，得到100元優惠券 
order500(1, false, 500)  // 普通用戶購買，無優惠券 
order500(2, true, 500)  // 200元定金預購，得到50元優惠券 
order500(3, false, 500)  // 普通用戶購買，無優惠券 
order500(3, false, 0)   // 手機庫存不足 

上述過程中，請求在鏈條中傳遞的順序很僵硬，傳遞請求的代碼跟業務代碼耦合在一起，如果有一天要增加300元定金的預訂，那么就要切斷之前的鏈條，修改訂單500函數的代碼，重新在500和200之間加一根新的鏈條，這違反了開放-封閉原則

因此需要靈活更改責任鏈節點，如果不能處理的時候，則返回一個標識繼續往后傳遞，如下：

function order500 (orderType, pay, stock) { 
  if (orderType === 1 && pay === true) { 
    console.log('500元定金預購，得到100元優惠券') 
  } else { 
    return 'nextSuccessor' 
  } 
} 
 
function order200 (orderType, pay, stock) { 
  if (orderType === 2 && pay === true) { 
    console.log('200元定金預購，得到50元優惠券') 
  } else { 
    return 'nextSuccessor' 
  } 
} 
 
function orderNormal (orderType, pay, stock) { 
  if (stock > 0) { 
    console.log('普通用戶購買，無優惠券') 
  } else { 
    console.log('手機庫存不足') 
  } 
} 

下面再創建一個鏈類，將訂單優惠函數傳入鏈類中，如下：

class Chain { 
  construct (fn) { 
    this.fn = fn 
    this.successor = null 
  } 
 
  setNextSuccessor (successor) { 
    return this.successor = successor 
  } 
 
  passRequest () { 
    const res = this.fn.apply(this, arguments) 
 
    if (res === 'nextSuccessor') { 
      return this.successor && this.successor.passRequest.apply(this.successor, arguments) 
    } 
    return res 
  } 
} 
 
// 包裝三個訂單函數 
const chainOrder500 = new Chain(order500) 
const chainOrder200 = new Chain(order200) 
const chainOrderNormal = new Chain(orderNormal) 
 
// 指定節點在職責鏈中的位置 
chainOrder500.setNextSuccessor(chainOrder200) 
chainOrder200.setNextSuccessor(chainOrderNormal) 
 
// 最后把請求傳遞給第一個節點 
chainOrder500.passRequest(1, true, 500)   // 500元定金預購，得到100元優惠券 
chainOrder500.passRequest(2, true, 500)   // 200元定金預購，得到50元優惠券 
chainOrder500.passRequest(3, true, 500)   // 普通用戶購買，無優惠券 
chainOrder500.passRequest(1, false, 0)    // 手機庫存不足 

三、應用場景

責任鏈模式比較適合比如一個任務需要多個對象才能完成處理的情況或者代碼存在許多if-else判斷的情況，例如OA事件審批、分配開發任務等

在JavaScript中，無論是作用鏈、原型鏈，還是DOM節點中的事件冒泡，我們都能從中找到職責鏈的影子

使用了職責鏈模式之后，鏈中的節點對象可以靈活地拆分重組，增加、刪除和修改節點在鏈中的位置都是很容易的事

參考文獻

https://www.runoob.com/design-pattern/chain-of-responsibility-pattern.html

https://juejin.cn/post/6993948920929845279

https://juejin.cn/post/6844903855348514829