策略模式参数优化调用设计解析
本文针对JavaScript中函数参数数量可变的问题,提出了一种基于策略模式的优化方案。在软件开发中,经常需要根据不同场景调用参数数量不同的函数,直接使用条件判断或查找表会导致代码复杂性增加。**策略模式**通过定义统一接口和具体策略类,实现动态选择并执行具有不同参数签名的函数,有效解决了这一问题。该方案提高了代码的灵活性、可维护性和扩展性,避免了传统硬编码或条件判断带来的复杂性。本文将深入探讨如何在JavaScript项目中应用策略模式,优化函数调用设计,提升代码质量和可维护性。

在软件开发中,我们经常会遇到需要根据特定条件执行不同操作的场景。当这些操作(函数)具有相似的职责但接受不同数量或类型的参数时,直接的条件判断或在查找表中存储函数引用可能会导致代码的复杂性增加,尤其是在调用时需要动态处理参数差异的情况下。本文将探讨如何利用策略模式(Strategy Pattern)优雅地解决这一问题,提升代码的结构性和可维护性。
问题背景与挑战
考虑一个招聘系统中的面试官验证逻辑。根据面试类型(例如技术面试 TECHNICAL_INTERVIEW 或 HR 面试 HR_INTERVIEW),验证函数 validateRecruiters 的参数签名可能不同。具体而言,HR 面试的验证可能需要额外的参数,而技术面试则不需要。
原始设计可能如下:
import { getHrRecruiters, getRecruiters } from '../queue';
import { validateTechnicalInterview } from './validateTechnicalInterview';
import { matchHrRecruiters } from './matchHrRecruiters';
import { THrInterviewer, THrRecruit, TRecruit } from '../../types';
export const recruitersCategoryHandlers = {
TECHNICAL_INTERVIEW: {
getter: getRecruiters,
setter: {
validateRecruiters: (
recruiters: THrInterviewer[],
recruit: TRecruit | THrRecruit
) => validateTechnicalInterview(recruiters, recruit),
},
},
HR_INTERVIEW: {
getter: getHrRecruiters,
setter: {
validateRecruiters: (
recruiters: THrInterviewer[],
recruit: TRecruit | THrRecruit,
param3: any, // 额外参数
param4: any // 额外参数
) => matchHrRecruiters(recruiters, recruit as THrRecruit, param3, param4),
},
},
};
// 尝试调用时的困境
// const matchedSlots = getMatchingSlots(
// recruitersCategoryHandlers[
// interviewCategory as EInterviewCategory
// ].setter.validateRecruiters(???), // 如何处理不同的参数?
// slotsWithEmail
// );这种设计的问题在于,当尝试通过 interviewCategory 动态调用 validateRecruiters 时,由于不同类型下的 validateRecruiters 函数签名不一致,导致无法统一传递参数。我们不能简单地将所有可能的参数都传递给每一个 validateRecruiters 调用,因为这会造成类型不匹配或参数冗余。
策略模式简介
策略模式是一种行为型设计模式,它允许在运行时选择算法的行为。它定义了一系列算法,将每个算法封装起来,并使它们可以相互替换。策略模式让算法独立于使用它的客户端而变化。
在这个场景中,不同的面试类型(技术面试、HR面试)对应着不同的“验证策略”。通过策略模式,我们可以:
- 定义一个统一的验证接口,包含一个 validateRecruiters 方法。
- 为每种面试类型创建具体的策略类,实现这个接口。
- 在运行时,根据面试类型选择并使用相应的策略对象。
这种方法将参数差异的复杂性封装在各自的策略类中,使得客户端代码能够以统一的方式调用验证逻辑,而无需关心内部的参数处理细节。
解决方案:策略模式实践
1. 定义策略接口
首先,我们定义一个 ValidateRecruitersStrategy 接口,其中包含 validateRecruiters 方法。为了兼容不同数量的参数,我们使用剩余参数 (...params: any[]) 来接收可变数量的额外参数。
// 定义策略接口
interface ValidateRecruitersStrategy {
validateRecruiters(recruiters: THrInterviewer[], recruit: TRecruit | THrRecruit, ...params: any[]): any;
}这个接口规定了所有具体策略类必须实现的方法签名。前两个参数 recruiters 和 recruit 是所有验证逻辑都需要的通用参数,而 ...params 则用于捕获特定策略所需的额外参数。
2. 实现具体策略类
接下来,为每种面试类型创建具体的策略类,实现 ValidateRecruitersStrategy 接口。
技术面试策略: TechnicalInterviewStrategy 只使用前两个通用参数。
// 实现技术面试策略
class TechnicalInterviewStrategy implements ValidateRecruitersStrategy {
validateRecruiters(recruiters: THrInterviewer[], recruit: TRecruit | THrRecruit): any {
// 实际调用内部的 validateTechnicalInterview 函数
return validateTechnicalInterview(recruiters, recruit);
}
}HR 面试策略: HrInterviewStrategy 会从 ...params 中解构出其所需的额外参数。
// 实现HR面试策略
class HrInterviewStrategy implements ValidateRecruitersStrategy {
validateRecruiters(recruiters: THrInterviewer[], recruit: TRecruit | THrRecruit, ...params: any[]): any {
// 从剩余参数中获取 HR 面试特有的 param3 和 param4
const [param3, param4] = params;
// 实际调用内部的 matchHrRecruiters 函数,并进行类型断言
return matchHrRecruiters(recruiters, recruit as THrRecruit, param3, param4);
}
}3. 整合策略到业务逻辑
现在,我们可以更新 recruitersCategoryHandlers 对象,使其存储 TechnicalInterviewStrategy 和 HrInterviewStrategy 的实例,而不是直接的函数定义。
// 使用策略模式重新定义 recruitersCategoryHandlers
export const recruitersCategoryHandlers = {
TECHNICAL_INTERVIEW: {
getter: getRecruiters,
setter: new TechnicalInterviewStrategy(), // 存储策略实例
},
HR_INTERVIEW: {
getter: getHrRecruiters,
setter: new HrInterviewStrategy(), // 存储策略实例
},
};4. 动态调用策略
在客户端代码中,我们现在可以根据 interviewCategory 动态地获取相应的策略实例,并以统一的方式调用其 validateRecruiters 方法,传递所有可能的参数。策略实例会根据其内部逻辑决定使用哪些参数。
// 假设的上下文数据和参数
const interviewCategory = 'HR_INTERVIEW'; // 或 'TECHNICAL_INTERVIEW'
const param3 = 'some_hr_specific_value_A';
const param4 = 'another_hr_specific_value_B';
const currentRecruit = { /* ... 模拟 TRecruit 或 THrRecruit 数据 ... */ }; // 对应 recruit 参数
const allSlots = { /* ... 模拟 slotsWithEmail 数据 ... */ }; // 对应 getMatchingSlots 的第二个参数
// 1. 获取面试官列表 (通用步骤)
const recruiters = recruitersCategoryHandlers[interviewCategory].getter();
// 2. 调用验证策略,统一传递所有可能的参数
const validationResult = recruitersCategoryHandlers[interviewCategory].setter.validateRecruiters(
recruiters,
currentRecruit,
param3,
param4 // 即使 TECHNICAL_INTERVIEW 不用,传递也无妨,策略内部会忽略
);
// 3. 使用验证结果进行后续操作
// 假设 getMatchingSlots 函数的第一个参数是验证结果,第二个参数是所有槽位数据
const matchedSlots = getMatchingSlots(validationResult, allSlots);
console.log('匹配到的槽位:', matchedSlots);完整示例代码
import { THrInterviewer, THrRecruit, TRecruit } from './types'; // 假设类型定义在 './types'
// 模拟外部依赖函数
const getRecruiters = () => [{ id: 'tech1', name: 'Tech Interviewer 1' }] as THrInterviewer[];
const getHrRecruiters = () => [{ id: 'hr1', name: 'HR Interviewer 1' }, { id: 'hr2', name: 'HR Interviewer 2' }] as THrInterviewer[];
const validateTechnicalInterview = (recruiters: THrInterviewer[], recruit: TRecruit | THrRecruit) => {
console.log('Executing Technical Interview Validation:', recruiters, recruit);
// 模拟验证逻辑
return recruiters.filter(r => r.name.includes('Tech'));
};
const matchHrRecruiters = (recruiters: THrInterviewer[], recruit: THrRecruit, param3: any, param4: any) => {
console.log('Executing HR Interview Matching:', recruiters, recruit, param3, param4);
// 模拟验证逻辑,使用 param3 和 param4
return recruiters.filter(r => r.name.includes('HR') && param3 === 'some_hr_specific_value_A');
};
const getMatchingSlots = (validatedRecruiters: THrInterviewer[], slots: any) => {
console.log('Getting matching slots with:', validatedRecruiters, slots);
// 模拟匹配槽位逻辑
return validatedRecruiters.map(r => ({ recruiterId: r.id, slot: '2023-10-27 10:00' }));
};
// 定义策略接口
interface ValidateRecruitersStrategy {
validateRecruiters(recruiters: THrInterviewer[], recruit: TRecruit | THrRecruit, ...params: any[]): any;
}
// 实现技术面试策略
class TechnicalInterviewStrategy implements ValidateRecruitersStrategy {
validateRecruiters(recruiters: THrInterviewer[], recruit: TRecruit | THrRecruit): any {
return validateTechnicalInterview(recruiters, recruit);
}
}
// 实现HR面试策略
class HrInterviewStrategy implements ValidateRecruitersStrategy {
validateRecruiters(recruiters: THrInterviewer[], recruit: TRecruit | THrRecruit, ...params: any[]): any {
const [param3, param4] = params; // 从剩余参数中获取 HR 面试特有的参数
return matchHrRecruiters(recruiters, recruit as THrRecruit, param3, param4);
}
}
// 使用策略模式定义 recruitersCategoryHandlers
export const recruitersCategoryHandlers = {
TECHNICAL_INTERVIEW: {
getter: getRecruiters,
setter: new TechnicalInterviewStrategy(),
},
HR_INTERVIEW: {
getter: getHrRecruiters,
setter: new HrInterviewStrategy(),
},
};
// --- 客户端调用示例 ---
// 场景一:技术面试
const techInterviewCategory = 'TECHNICAL_INTERVIEW';
const techRecruitData: TRecruit = { id: 'r1', name: 'Candidate A', skills: ['JS', 'React'] };
const techAllSlots = { date: '2023-10-27', time: '10:00' };
console.log('\n--- 模拟技术面试场景 ---');
const techRecruiters = recruitersCategoryHandlers[techInterviewCategory].getter();
const techValidationResult = recruitersCategoryHandlers[techInterviewCategory].setter.validateRecruiters(
techRecruiters,
techRecruitData
// 额外参数在此处可以省略,因为 TechnicalInterviewStrategy 不会使用它们
);
const techMatchedSlots = getMatchingSlots(techValidationResult, techAllSlots);
console.log('技术面试匹配到的槽位:', techMatchedSlots);
// 场景二:HR 面试
const hrInterviewCategory = 'HR_INTERVIEW';
const hrRecruitData: THrRecruit = { id: 'r2', name: 'Candidate B', department: 'Sales' };
const hrParam3 = 'some_hr_specific_value_A';
const hrParam4 = 'another_hr_specific_value_B';
const hrAllSlots = { date: '2023-10-28', time: '14:00' };
console.log('\n--- 模拟HR面试场景 ---');
const hrRecruiters = recruitersCategoryHandlers[hrInterviewCategory].getter();
const hrValidationResult = recruitersCategoryHandlers[hrInterviewCategory].setter.validateRecruiters(
hrRecruiters,
hrRecruitData,
hrParam3,
hrParam4
);
const hrMatchedSlots = getMatchingSlots(hrValidationResult, hrAllSlots);
console.log('HR面试匹配到的槽位:', hrMatchedSlots);注意事项
- 类型安全与 any 的使用: 策略接口中的 ...params: any[] 提供了一定程度的灵活性,但也牺牲了部分类型安全。在 TypeScript 中,如果参数类型差异不大且数量固定,可以考虑使用函数重载来定义策略接口,或者使用更复杂的泛型约束来增强类型检查。然而,对于参数数量和类型都可能高度动态的场景,any[] 是一个实用的折衷方案。
- 参数传递的统一性: 客户端在调用 validateRecruiters 时,应尽可能地传递所有可能需要的参数。具体策略类会根据自身逻辑选择性地使用这些参数。这种“多传无妨”的策略简化了客户端代码。
- 可读性与可维护性: 策略模式将不同的验证逻辑封装在独立的类中,使得每个策略的职责单一,代码结构清晰。当需要新增面试类型或修改现有验证逻辑时,只需添加新的策略类或修改现有策略类,而无需改动核心调度逻辑,大大提高了系统的可扩展性和可维护性。
- 替代方案: 对于更简单的场景,如果参数差异仅限于少数几个可选参数,也可以考虑在函数内部进行条件判断,或使用参数对象来传递所有参数,让函数自行选择。但当逻辑复杂性增加,且参数差异显著时,策略模式的优势会更加明显。
总结
通过引入策略模式,我们成功地解决了根据不同业务场景调用参数数量可变的函数所带来的挑战。策略模式通过将算法封装在独立的可替换对象中,使得客户端代码能够以统一的接口与不同的算法交互,从而提高了代码的灵活性、可维护性和可扩展性。这种设计模式在处理动态行为和多态性问题时非常有效,是构建健壮和可演进软件系统的重要工具。
以上就是本文的全部内容了,是否有顺利帮助你解决问题?若是能给你带来学习上的帮助,请大家多多支持golang学习网!更多关于文章的相关知识,也可关注golang学习网公众号。
优化局域网浏览速度的实用方法
- 上一篇
- 优化局域网浏览速度的实用方法
- 下一篇
- Word文档背景色设置方法|快速教程分享
-
- 文章 · 前端 | 1小时前 | 前端 · 性能优化 · javascript · ArrayBuffer postMessage 前端性能 Web Worker Transferable structured clone
- Web Worker 传大数据为何卡顿:复制与 Transferable 对比
- 220浏览 收藏
-
- 文章 · 前端 | 3小时前 | 请求超时 Fetch AbortController AbortSignal 用户取消 前端异常处理
- Fetch 请求取消后,超时与用户中断要怎样区分
- 466浏览 收藏
-
- 文章 · 前端 | 5小时前 | 文件上传 · javascript · 前端开发 · 大文件上传 断点续传 XMLHttpRequest Blob.slice 前端分片上传 暂停上传
- 前端上传大文件:分片、暂停与失败续传怎样协作
- 371浏览 收藏
-
- 文章 · 前端 | 7小时前 | 列表详情 View Transition API 前端渐进增强
- View Transition API 做列表到详情过渡的渐进增强
- 385浏览 收藏
-
- 文章 · 前端 | 10小时前 |
- 用 CSS Container Query 让卡片按容器而不是视口响应
- 289浏览 收藏
-
- 文章 · 前端 | 12小时前 | 环境变量 vite loadEnv vite.config
- Vite 环境变量为什么在配置加载时取不到
- 133浏览 收藏
-
- 文章 · 前端 | 13小时前 |
- React useOptimistic 怎么在请求失败时回滚列表
- 153浏览 收藏
-
- 文章 · 前端 | 16小时前 | 前端开发 · 前端路由 hostname URLPattern pathname
- URLPattern 怎么同时匹配域名和路径参数
- 108浏览 收藏
-
- 文章 · 前端 | 18小时前 | javascript · JavaScript Intl.DurationFormat 前端国际化 持续时间格式化
- Intl.DurationFormat 怎么本地化显示持续时间
- 141浏览 收藏
-
- 文章 · 前端 | 20小时前 | 前端开发 · 浏览器API · postMessage MessageChannel Web Worker MessagePort
- postMessage 转移 MessagePort 后原端口还能用吗
- 477浏览 收藏
-
- 文章 · 前端 | 21小时前 | html · 前端 · LCP fetchpriority HTMLImageElement.fetchPriority 首屏图片 图片加载优先级
- fetchpriority 怎么只提升首屏关键图片
- 343浏览 收藏
-
- 文章 · 前端 | 1天前 |
- AbortSignal.any 怎么合并超时和用户取消
- 106浏览 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 485次学习
-
- PubMedQA
- 深入了解PubMedQA生物医学问答数据集,涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用,助力提升NLP模型性能。
- 363次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
- 419次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
- 433次使用
-
- HELM
- 深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
- 386次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台,提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景,助力开发者全面评估多模态模型性能。
- 213次使用
-
- JavaScript函数定义及示例详解
- 2025-05-11 502浏览
-
- 智能体安全引领产业升级——国内AI安全产品市场深度分析
- 2026-08-21 501浏览
-
- CSS变量简化按钮悬停效果技巧
- 2026-05-31 501浏览
-
- JavaScript符号类型详解与应用
- 2026-05-31 501浏览
-
- HTML剪贴板复制粘贴怎么用
- 2026-05-26 501浏览

