JavaScript策略模式_算法替换机制-js教程-PHP中文网

JavaScript策略模式_算法替换机制

betcha

发布： 2025-11-18 15:35:02

原创

343人浏览过

策略模式是将算法封装为可互换的对象，通过分离逻辑提升灵活性；如表单验证中用 validationStrategies 统一管理规则，避免冗长判断。

javascript策略模式_算法替换机制

在JavaScript开发中，策略模式是一种用来解耦算法与使用它的代码的优秀设计模式。它允许你在运行时动态替换算法或行为，提升代码的灵活性和可维护性。这种“算法替换机制”特别适合处理多种校验规则、计算方式或业务逻辑分支。

什么是策略模式？

策略模式将每一种算法封装成独立的策略对象，让它们可以互相替换，而上下文（Context）无需关心具体使用的是哪一个策略。这样做的好处是避免了大量 if-else 或 switch 判断，提升了扩展性和测试性。

核心结构包括：

策略类（Strategy）：封装具体的算法
上下文（Context）：持有策略实例并调用其方法
客户端：决定使用哪个策略

实际应用场景：表单验证

最常见的用途之一是表单数据验证。不同字段可能需要不同的校验规则（如非空、邮箱格式、密码强度等），如果用传统写法容易形成嵌套判断。使用策略模式可以清晰分离规则。

立即学习“Java免费学习笔记（深入）”；

Tanka

具备AI长期记忆的下一代团队协作沟通工具

110

查看详情

// 定义策略对象
const validationStrategies = {
  isRequired: (value) => value !== '' && value !== null && value !== undefined,
  isEmail: (value) => /\S+@\S+\.\S+/.test(value),
  minLength: (value, length) => value.length >= length,
  maxLength: (value, length) => value.length <= length
};

// 上下文：验证器
class Validator {
  constructor() {
    this.errors = [];
  }

  validate(data, rules) {
    this.errors = []; // 清空上次结果
    for (const field in rules) {
      const value = data[field];
      const fieldRules = rules[field];

      for (const rule of fieldRules) {
        const { strategy, params = [], errorMsg } = rule;
        const isValid = Array.isArray(params)
          ? validationStrategies[strategy](value, ...params)
          : validationStrategies[strategy](value, params);

        if (!isValid) {
          this.errors.push(errorMsg || `${field} 校验失败`);
          break; // 当前字段一个规则失败即停止
        }
      }
    }
    return this.errors.length === 0;
  }
}

// 使用示例
const validator = new Validator();
const formData = {
  name: 'John',
  email: 'john@example.com',
  password: '123'
};

const rules = {
  name: [
    { strategy: 'isRequired', errorMsg: '姓名不能为空' },
    { strategy: 'minLength', params: [2], errorMsg: '姓名至少2个字符' }
  ],
  email: [
    { strategy: 'isRequired', errorMsg: '邮箱不能为空' },
    { strategy: 'isEmail', errorMsg: '邮箱格式不正确' }
  ],
  password: [
    { strategy: 'minLength', params: [6], errorMsg: '密码至少6位' }
  ]
};

if (validator.validate(formData, rules)) {
  console.log('表单有效');
} else {
  console.log('错误信息:', validator.errors);
}

登录后复制