利用策略模式优化不同参数函数调用的设计-js教程-PHP中文网

利用策略模式优化不同参数函数调用的设计

针对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 则用于捕获特定策略所需的额外参数。

创客贴设计

创客贴设计，一款智能在线设计工具，设计不求人，AI助你零基础完成专业设计！

查看详情

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 时，应尽可能地传递所有可能需要的参数。具体策略类会根据自身逻辑选择性地使用这些参数。这种“多传无妨”的策略简化了客户端代码。
可读性与可维护性： 策略模式将不同的验证逻辑封装在独立的类中，使得每个策略的职责单一，代码结构清晰。当需要新增面试类型或修改现有验证逻辑时，只需添加新的策略类或修改现有策略类，而无需改动核心调度逻辑，大大提高了系统的可扩展性和可维护性。
替代方案： 对于更简单的场景，如果参数差异仅限于少数几个可选参数，也可以考虑在函数内部进行条件判断，或使用参数对象来传递所有参数，让函数自行选择。但当逻辑复杂性增加，且参数差异显著时，策略模式的优势会更加明显。

总结

通过引入策略模式，我们成功地解决了根据不同业务场景调用参数数量可变的函数所带来的挑战。策略模式通过将算法封装在独立的可替换对象中，使得客户端代码能够以统一的接口与不同的算法交互，从而提高了代码的灵活性、可维护性和可扩展性。这种设计模式在处理动态行为和多态性问题时非常有效，是构建健壮和可演进软件系统的重要工具。

以上就是利用策略模式优化不同参数函数调用的设计的详细内容，更多请关注php中文网其它相关文章！