职责链模式的定义是:使多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系,将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理它为止。职责链模式的名字非常形象,一系列可能会处理请求的对象被连接成一条链,请求在这些对象之间依次传递,直到遇到一个可以处理它的对象,我们把这些对象称为链中的节点
我负责品牌广告词包的录入,我需要对用户在标签输入框的输入进行处理,词包有很多种类,校验规则也不同:
如果使用普通函数和大量的if-else
语句来实现的校验逻辑:
import { v4 as uuidv4 } from 'uuid';
interface ValidationResult {
id: string;
name: string;
error?: string;
}
function validateKeywordLength(keyword: string, type: 'brand' | 'longTail' | 'qnA'): string | null {
if (type === 'brand' && (keyword.length <= 0 || keyword.length > 8)) {
return `Length should be between 1 and 8 characters`;
}
if ((type === 'longTail' || type === 'qnA') && (keyword.length < 8 || keyword.length > 30)) {
return `Length should be between 8 and 30 characters`;
}
return null;
}
function checkDuplicate(keyword: string, keywords: string[]): string | null {
const occurrences = keywords.filter(item => item === keyword).length;
if (occurrences > 1) {
return 'Keyword is duplicated';
}
return null;
}
function validateSymbols(keyword: string, type: 'brand' | 'longTail' | 'qnA'): string | null {
const hasSymbol = /[!@#$%^&*(),.:{}|<>]/.test(keyword);
if (type !== 'qnA' && hasSymbol) {
return 'Contains illegal symbols';
}
if (type === 'qnA') {
if (keyword.endsWith('?')) {
if (keyword.indexOf('?') !== keyword.lastIndexOf('?')) {
return 'Multiple question marks found';
}
} else if (hasSymbol) {
return 'Contains illegal symbols';
}
}
return null;
}
function validateKeyword(keyword: string, type: 'brand' | 'longTail' | 'qnA', keywords: string[]): ValidationResult {
const result: ValidationResult = {
id: uuidv4(),
name: keyword,
};
let error = validateKeywordLength(keyword, type);
if (!error) {
error = checkDuplicate(keyword, keywords);
}
if (!error) {
error = validateSymbols(keyword, type);
}
if (error) {
result.error = error;
}
return result;
}
function analyzeKeywords(input: string, type: 'brand' | 'longTail' | 'qnA'): ValidationResult[] {
const keywords = input.split(',');
const results: ValidationResult[] = keywords.map(keyword => validateKeyword(keyword, type, keywords));
return results;
}
// 使用示例
const input = "apple,orange,grape?,cherry!!,apple";
const results = analyzeKeywords(input, 'qnA');
console.log(results);
这种方法使用了大量的if-else
语句,并且逻辑较为直接,但可扩展性较差,并且难于维护。当需要添加新的校验规则或修改现有的校验逻辑时,可能需要修改多处代码。
使用责任链模式:
下面是代码的详细注释:
// 引入 uuid 库中的 v4 函数,为了生成唯一ID
//import { v4 as uuidv4 } from 'uuid';
// 定义校验结果的接口
interface ValidationResult {
id: string; // 唯一ID
name: string; // 输入的关键词
error?: string; // 可选的错误消息
}
// 抽象的校验器类,定义了责任链模式的基本结构
abstract class ValidatorChain {
nextValidator?: ValidatorChain; // 指向下一个校验器的引用
// 设置下一个校验器并返回它
setNext(validator: ValidatorChain): ValidatorChain {
this.nextValidator = validator;
return validator;
}
// 默认的校验方法,如果有下一个校验器则调用,否则返回基础结果
validate(item: string, array: string[]): ValidationResult {
return this.nextValidator?.validate(item, array) || { id: uuidv4(), name: item };
}
}
// 长度校验器
class LengthValidator extends ValidatorChain {
maxLength: number; // 允许的最大长度
minLength: number; // 允许的最小长度
constructor(minLength: number, maxLength: number) {
super(); // 调用父类的构造函数
this.minLength = minLength;
this.maxLength = maxLength;
}
// 对输入项进行长度校验
validate(item: string, array: string[]): ValidationResult {
if (item.length < this.minLength || item.length > this.maxLength) {
return {
id: uuidv4(),
name: item,
error: `Length should be between ${this.minLength} and ${this.maxLength} characters`
};
}
// 如果长度符合要求,继续下一个校验
return super.validate(item, array);
}
}
// 重复校验器
class DuplicateValidator extends ValidatorChain {
validate(item: string, array: string[]): ValidationResult {
// 判断是否有重复
const isDuplicate = array.indexOf(item) !== array.lastIndexOf(item);
if (isDuplicate) {
return {
//id: uuidv4(),
name: item,
error: 'Keyword is duplicated'
};
}
// 如果没有重复,继续下一个校验
return super.validate(item, array);
}
}
// 符号校验器
class SymbolValidator extends ValidatorChain {
validate(item: string, array: string[]): ValidationResult {
// 检查是否含有不允许的符号
const hasSymbol = /[!@#$%^&*(),.:{}|<>]/.test(item);
if (hasSymbol) {
return {
//id: uuidv4(),
name: item,
error: 'Contains illegal symbols'
};
}
// 如果没有含有禁止的符号,继续下一个校验
return super.validate(item, array);
}
}
// 问答性关键词的符号校验器(对 ? 的处理有所不同)
class QnASymbolValidator extends SymbolValidator {
validate(item: string, array: string[]): ValidationResult {
// 如果关键词以 ? 结尾,则继续下一个校验
if (item.endsWith('?')) {
return super.validate(item, array);
}
// 检查是否含有除 ? 以外的不允许的符号
const hasOtherSymbols = /[^?][!@#$%^&*(),.:{}|<>]/.test(item);
if (hasOtherSymbols) {
return {
//id: uuidv4(),
name: item,
error: 'Contains illegal symbols or multiple question marks'
};
}
// 如果符号符合要求,继续下一个校验
return super.validate(item, array);
}
}
// 创建针对各种关键词类型的责任链
const brandKeywordValidator = new LengthValidator(0, 8)
.setNext(new DuplicateValidator())
.setNext(new SymbolValidator());
const longTailKeywordValidator = new LengthValidator(8, 30)
.setNext(new DuplicateValidator())
.setNext(new SymbolValidator());
const qnAKeywordValidator = new LengthValidator(8, 30)
.setNext(new DuplicateValidator())
.setNext(new QnASymbolValidator());
// 根据用户输入的关键词类型来执行相应的责任链校验
function analyzeKeywords(input: string, type: 'brand' | 'longTail' | 'qnA'): ValidationResult[] {
const keywords = input.split(','); // 将输入按逗号分割
let validator: ValidatorChain;
if (type === 'brand') {
validator = brandKeywordValidator;
} else if (type === 'longTail') {
validator = longTailKeywordValidator;
} else if (type === 'qnA') {
validator = qnAKeywordValidator;
} else {
throw new Error('Invalid keyword type'); // 如果类型不匹配,抛出错误
}
// 对每个关键词执行责任链校验
const results: ValidationResult[] = keywords.map((keyword) => validator.validate(keyword, keywords));
return results;
}
// 使用示例
const input = "apple,orange,grape?,cherry!!";
const results = analyzeKeywords(input, 'qnA');
console.log(results); // 输出校验结果
好的,这里是带有详细注释的完整代码:
import { v4 as uuidv4 } from 'uuid';
// 定义校验结果的接口
interface ValidationResult {
id: string;
name: string;
error?: string; // 用于存储错误信息的字段
}
// 定义基础的校验器抽象类
abstract class ValidatorChain {
nextValidator?: ValidatorChain;
// 设置下一个校验器
setNext(validator: ValidatorChain): ValidatorChain {
this.nextValidator = validator;
return validator;
}
// 校验方法,子类需要根据具体的校验逻辑进行重写
validate(item: string, type: 'brand' | 'longTail' | 'qnA', array: string[]): ValidationResult {
return this.nextValidator?.validate(item, type, array) || { id: uuidv4(), name: item };
}
}
// 定义长度校验器
class LengthValidator extends ValidatorChain {
maxLength: number;
minLength: number;
applicableTypes: ('brand' | 'longTail' | 'qnA')[];
// 接收最小长度、最大长度和适用的关键词类型作为参数
constructor(minLength: number, maxLength: number, applicableTypes: ('brand' | 'longTail' | 'qnA')[]) {
super();
this.minLength = minLength;
this.maxLength = maxLength;
this.applicableTypes = applicableTypes;
}
validate(item: string, type: 'brand' | 'longTail' | 'qnA', array: string[]): ValidationResult {
// 判断当前关键词类型是否适用于此校验器
if (!this.applicableTypes.includes(type)) {
return super.validate(item, type, array);
}
if (item.length < this.minLength || item.length > this.maxLength) {
return {
id: uuidv4(),
name: item,
error: `Length should be between ${this.minLength} and ${this.maxLength} characters`
};
}
return super.validate(item, type, array);
}
}
// 定义重复校验器
class DuplicateValidator extends ValidatorChain {
applicableTypes: ('brand' | 'longTail' | 'qnA')[];
constructor(applicableTypes: ('brand' | 'longTail' | 'qnA')[]) {
super();
this.applicableTypes = applicableTypes;
}
validate(item: string, type: 'brand' | 'longTail' | 'qnA', array: string[]): ValidationResult {
if (!this.applicableTypes.includes(type)) {
return super.validate(item, type, array);
}
const isDuplicate = array.indexOf(item) !== array.lastIndexOf(item);
if (isDuplicate) {
return {
id: uuidv4(),
name: item,
error: 'Keyword is duplicated'
};
}
return super.validate(item, type, array);
}
}
// 定义符号校验器
class SymbolValidator extends ValidatorChain {
applicableTypes: ('brand' | 'longTail' | 'qnA')[];
constructor(applicableTypes: ('brand' | 'longTail' | 'qnA')[]) {
super();
this.applicableTypes = applicableTypes;
}
validate(item: string, type: 'brand' | 'longTail' | 'qnA', array: string[]): ValidationResult {
if (!this.applicableTypes.includes(type)) {
return super.validate(item, type, array);
}
const hasSymbol = /[!@#$%^&*(),.:{}|<>]/.test(item);
if (hasSymbol) {
return {
id: uuidv4(),
name: item,
error: 'Contains illegal symbols'
};
}
return super.validate(item, type, array);
}
}
// 定义问答关键词的符号校验器,继承自SymbolValidator
class QnASymbolValidator extends SymbolValidator {
validate(item: string, type: 'brand' | 'longTail' | 'qnA', array: string[]): ValidationResult {
if (item.endsWith('?')) {
return super.validate(item, type, array);
}
const hasOtherSymbols = /[^?][!@#$%^&*(),.:{}|<>]/.test(item);
if (hasOtherSymbols) {
return {
id: uuidv4(),
name: item,
error: 'Contains illegal symbols or multiple question marks'
};
}
return super.validate(item, type, array);
}
}
// 创建一个通用的责任链
const keywordValidator = new LengthValidator(0, 8, ['brand'])
.setNext(new LengthValidator(8, 30, ['longTail', 'qnA']))
.setNext(new DuplicateValidator(['brand', 'longTail', 'qnA']))
.setNext(new SymbolValidator(['brand', 'longTail']))
.setNext(new QnASymbolValidator(['qnA']));
// 根据关键词类型执行单一责任链的校验
function analyzeKeywords(input: string, type: 'brand' | 'longTail' | 'qnA'): ValidationResult[] {
const keywords = input.split(',');
const results: ValidationResult[] = keywords.map((keyword) => keywordValidator.validate(keyword, type, keywords));
return results;
}
// 使用示例
const input = "apple,orange,grape?,cherry!!";
const results = analyzeKeywords(input, 'qnA');
console.log(results);
这段代码展示了如何创建一个通用的责任链,根据关键词的类型决定是否执行校验。通过对校验器的适用关键词类型进行配置,可以轻松地对责任链进行扩展和修改。
"哪种方式更好"取决于具体的应用场景和需求。下面我们对两种方式进行比较:
三条责任链的优势:
单条责任链的优势:
选择的建议: