首页 > 其他分享 >前端设计模式——职责链模式

前端设计模式——职责链模式

时间:2023-03-13 09:58:57浏览次数:37  
标签:handler1 职责 对象 前端 request 处理 handleRequest 设计模式 请求

职责链模式(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` 方法来模拟不同类型的请求。

标签:handler1,职责,对象,前端,request,处理,handleRequest,设计模式,请求
From: https://www.cnblogs.com/ronaldo9ph/p/17210324.html

相关文章