TS设计模式之责任链模式

我们将从一个学校请假的例子来讲解责任链模式，某学校在疫情期间请假很严格，小白周日外出提交一个请假的请求，请求要先经过班长审批，班长审批后提交给辅导员，辅导员提交给书记，最后书记提交请求给校长，校长审批过后小白才能外出，如下图：

该学习的请假流程就是一条责任链，班长，辅导员，书记，校长称作处理者，请假的请求沿着这个链向上传递，每个处理者都能对这个请求进行驳回或者向下传递。

我们将通过Web程序中表单校验的例子来将责任链运用到实际中，首先我们要定义一个接口对每个处理者进行约束，接口中定义一个setNext()方法和handle()方法，第一个方法是设置向下传递的人是谁，第二个方法是处理者处理的方法，再定义一个基类来实现该接口，再该类中定义一个私有属性nextHandler存放下一个处理者，并且实现setNext() 和 handle()方法，最后每个处理者去继承该基类。在使用时将每个处理者通过setNext()方法组成一个串，再调用第一个处理者的 handle()方法进行处理即可。代码如下：

类代码：

/**
 * 责任链模式
 * 表单校验责任链
 */

interface Handler {
    setNext(handler: Handler): Handler
    validate(param: string):boolean
}

abstract class AbstractHandler implements Handler {
    private nextHandler!: Handler
    setNext(handler: Handler): Handler {
        this.nextHandler = handler
        return this.nextHandler
    };

    validate(param: string): boolean {
        if(this.nextHandler == null) {
            return true
        }
        return this.nextHandler.validate(param)
    };
}

// 校验数据位数
export class ValidateDigit extends AbstractHandler {
    validate(param: string): boolean {
        if(param.length == 11) {
            return super.validate(param)
        } else {
            return false
        }
    }
}

// 校验数据是不是纯数字
export class ValidateNumber extends AbstractHandler {
    validate(param: string): boolean {
        const regx = /^[0-9]*$/
        return regx.test(param) ? super.validate(param) : false
    }
}

// 校验该数据是不是手机号
export class ValidatePhone extends AbstractHandler {
    validate(param: string): boolean {
        const regx = /^1[3,4,5,7,8,9][0-9]{9}$/
        return regx.test(param) ? super.validate(param) : false
    }
}

客户端代码：

import {ValidateDigit, ValidateNumber, ValidatePhone} from "@/util/behaviorModel/responsibilityLine";

const digit = new ValidateDigit()
const numberClass = new ValidateNumber()
const phone = new ValidatePhone()
digit.setNext(numberClass).setNext(phone)

console.log(digit.validate('13567918226'))

该模式的优点：

1. 符合开闭原则，需要添加一层校验只需要加一个处理者即可

2. 符合单一职责原则

3. 可以自定校验的顺序

该模式的缺点：

1.有可能有些处理者不会接收到请求