前端設計模式——職責鏈模式-有解無憂

職責鏈模式（Chain of Responsibility pattern）是一種行為設計模式，用于將請求從一個物件傳遞到另一個物件，直到找到能夠處理請求的物件為止，

職責鏈模式通常涉及一系列處理物件，每個物件都負責處理請求的一部分，并將請求傳遞給下一個物件，直到請求得到滿足或者處理結束，這種方式可以將系統中的不同操作解耦，從而提高系統的靈活性和可維護性，

在 JavaScript 中，職責鏈模式的實作通常涉及使用一個處理物件的鏈表，其中每個物件都有一個指向下一個物件的參考，當請求進入系統時，它首先被傳遞給鏈表中的第一個物件，如果這個物件不能處理請求，則將請求傳遞給鏈表中的下一個物件，直到找到能夠處理請求的物件為止，

下面是一個簡單的 JavaScript 職責鏈模式的示例：

class Handler {
  constructor() {
    this.nextHandler = null;
  }

  setNextHandler(handler) {
    this.nextHandler = handler;
  }

  handleRequest(request) {
    if (this.nextHandler) {
      this.nextHandler.handleRequest(request);
    }
  }
}

class ConcreteHandler1 extends Handler {
  handleRequest(request) {
    if (request === 'request1') {
      console.log('ConcreteHandler1 handles the request');
    } else {
      super.handleRequest(request);
    }
  }
}

class ConcreteHandler2 extends Handler {
  handleRequest(request) {
    if (request === 'request2') {
      console.log('ConcreteHandler2 handles the request');
    } else {
      super.handleRequest(request);
    }
  }
}

const handler1 = new ConcreteHandler1();
const handler2 = new ConcreteHandler2();

handler1.setNextHandler(handler2);

handler1.handleRequest('request1'); // Output: "ConcreteHandler1 handles the request"
handler1.handleRequest('request2'); // Output: "ConcreteHandler2 handles the request"
handler1.handleRequest('request3'); // Output: Nothing is printed

在上面的示例中，`Handler` 類是職責鏈模式的基類，它包含一個指向下一個處理物件的參考，`ConcreteHandler1` 和 `ConcreteHandler2` 類是具體的處理物件，它們根據請求的型別來決定是否能夠處理請求，如果不能處理，則將請求傳遞給下一個處理物件，最后，我們將 `handler1` 物件的下一個處理物件設定為 `handler2` 物件，然后依次呼叫 `handleRequest` 方法來模擬不同型別的請求，

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/546740.html

標籤：其他

上一篇：第129篇:JS模塊化開發

下一篇：頁面元素水平垂直居中