JavaScript中的职责链模式

Coder_Kevin_Vans

于 2023-04-27 21:57:05 发布

阅读量154

点赞数

文章标签： javascript java 前端

本文链接：https://blog.csdn.net/m0_75198698/article/details/130416053

版权

职责链模式是一种行为设计模式，它允许你将请求沿着处理链进行传递，直到其中一个处理程序能够处理该请求。它可以帮助将一个大的处理请求拆分成一些小的处理程序，并且可以根据请求的类型和目标动态地进行组装。在这篇文章中，我们将深入了解什么是职责链模式，它如何工作，以及如何在JavaScript中实现。

## 什么是职责链模式？

职责链模式是一种行为设计模式，它将请求和处理程序连接成一条链。请求沿着链传递，直到某个处理程序能够处理该请求为止。这些处理程序可以根据请求类型或其他因素动态地组装起来。每个处理程序都有一个处理级别，如果当前处理程序不能处理请求，则它将将请求转发到下一个级别的处理程序。

## 何时使用职责链模式？

当您需要将处理请求的单个组件分解为一系列更小的组件时，可以使用职责链模式。这通常发生在以下情况下：

- 您想要一种动态组装处理程序的方式，以便在运行时对其进行更改。
- 您希望将责任分配给不同的处理程序，而不是将所有处理程序都包含在单个组件中。
- 您希望让请求沿着链传递，直到有处理程序可以处理该请求。

## 职责链模式的组成部分

职责链模式由以下组成部分：

- 抽象处理程序：这是职责链中的基本接口。它定义了所有处理程序必须实现的方法。
- 具体处理程序：这是链中的具体实现。它们实现了抽象处理程序中定义的方法，并且可以在需要时将请求转发到下一个处理程序。
- 客户端：它创建请求并将其传递给职责链中的第一个处理程序。

## JavaScript实现职责链模式

在JavaScript中实现职责链模式，我们需要定义抽象处理程序和具体处理程序，并将它们连接成一个链。

### 定义抽象处理程序

首先，我们需要定义抽象处理程序。这是一个基本接口，所有具体处理程序都必须实现它。抽象处理程序应该定义处理请求的方法和将请求转发到下一个处理程序的方法。例如：

```javascript
class Handler {
setNext(handler) {}

handle(request) {}
}
```

### 定义具体处理程序

例如，当用户在网站上提交一个请求时，这个请求需要经过多个处理程序才能得到响应。如果每个处理程序都要处理所有类型的请求，那么代码会变得非常冗长和难以维护。相反，我们可以将这些处理程序组织成一个链，每个处理程序只处理自己感兴趣的请求类型，然后将请求转发到链中的下一个处理程序，直到找到一个能够处理该请求的处理程序。

职责链模式主要由以下角色组成：

1.抽象处理程序（Handler）：定义处理请求的接口，并保持对下一个处理程序的引用。该角色可以是抽象类或接口。

2.具体处理程序（ConcreteHandler）：实现处理请求的接口，并根据自己的职责判断是否处理该请求，如果可以处理，则进行处理；否则将请求转发给下一个处理程序。

3.客户端（Client）：创建职责链，并将请求发送给职责链的第一个处理程序。

下面是一个简单的 JavaScript 职责链模式的实现：

```
// 抽象处理程序
class Handler {
setNextHandler(handler) {
this.nextHandler = handler;
return handler;
}

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

// 具体处理程序
class ConcreteHandler1 extends Handler {
handleRequest(request) {
if (request === 'request1') {
return 'Handled by ConcreteHandler1';
} else {
return super.handleRequest(request);
}
}
}

class ConcreteHandler2 extends Handler {
handleRequest(request) {
if (request === 'request2') {
return 'Handled by ConcreteHandler2';
} else {
return super.handleRequest(request);
}
}
}

// 客户端
const handler1 = new ConcreteHandler1();
const handler2 = new ConcreteHandler2();

handler1.setNextHandler(handler2);

console.log(handler1.handleRequest('request1')); // Handled by ConcreteHandler1
console.log(handler1.handleRequest('request2')); // Handled by ConcreteHandler2
console.log(handler1.handleRequest('request3')); // null
```

在上面的代码中，我们定义了一个抽象处理程序 `Handler`，它包含了一个处理请求的接口 `handleRequest()` 和一个设置下一个处理程序的接口 `setNextHandler()`。`ConcreteHandler1` 和 `ConcreteHandler2` 分别实现了处理请求的接口，并根据自己的职责判断是否能够处理该请求，如果可以处理则进行处理，否则将请求转发给下一个处理程序。客户端通过创建 `ConcreteHandler1` 和 `ConcreteHandler2` 实例，并将它们链接起来形成职责链，然后将请求发送给职责链的第一个处理程序 `ConcreteHandler1`。

通过使用职责链模式，我们可以将复杂的业务逻辑分解成一个个简单的处理程序，并将它们组织成一个职责链，以便灵活地处理不同类型的请求。

同时，职责链模式还有以下特点和优点：

1. 职责链模式将请求的发送者和接收者解耦，使得请求的发送者不需要知道具体是哪个接收者处理该请求，只需将请求发送给第一个处理程序即可。

2. 职责链模式可以动态地组合处理程序，增加或删除一个处理程序，不会影响到其他处理程序的运行，从而方便地扩展和修改系统。

3. 职责链模式可以保证处理程序的顺序，即请求一定会按照一定的顺序被处理程序处理，从而保证了系统的稳定性和可靠性。

4. 职责链模式可以避免请求的发送者和接收者之间的紧耦合关系，提高了代码的灵活性和可维护性。

5. 职责链模式可以减少系统的耦合度，使得系统更易于维护和扩展。

使用职责链模式时需要注意以下几点：

1. 由于职责链模式可能会造成请求被多个处理程序处理，因此需要设计好处理程序的顺序和处理方式，以免出现不必要的错误和冲突。

2. 职责链模式可能会降低系统的性能，因为每个请求都需要经过多个处理程序处理，需要权衡性能和灵活性的需求。

3. 职责链模式不一定适用于所有情况，需要根据具体业务场景和需求来选择是否使用。

下面是一个使用职责链模式的简单示例：

假设有一个请假系统，员工需要向上级领导请假，如果领导无法处理该请假申请，就需要将请求转发到下一个处理程序，直到请求被处理完为止。可以使用职责链模式来实现该系统。

首先定义一个处理程序接口，包含处理请求和设置下一个处理程序的方法：

```javascript
// 处理程序接口
class Handler {
constructor() {
this.nextHandler = null;
}

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

handleRequest(request) {
throw new Error('This method must be overwritten!');
}
}
```

然后定义具体的处理程序，继承自处理程序接口，并实现处理请求的方法。在处理请求时，如果无法处理该请求，就将请求转发到下一个处理程序。如果已经是最后一个处理程序了，则返回错误信息。

```javascript
// 具体处理程序1
class ConcreteHandler1 extends Handler {
handleRequest(request) {
if (request === '1 day') {
console.log('ConcreteHandler1: Approved!');
return;
}
if (this.nextHandler) {
this.nextHandler.handleRequest(request);
return;
}
console.log('ConcreteHandler1: Denied!');
}
}