js策略模式是什么_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

js策略模式是什么

2025-11-01

浏览次数：次

返回列表

策略模式通过将算法与使用分离，解决条件判断过多导致的维护难题，如表单验证中封装不同规则，提升代码可扩展性、复用性与清晰度。

js策略模式是什么

JS策略模式是一种设计模式，用来将不同的算法或行为封装成独立的函数或对象，让它们可以在运行时互相替换，而不影响使用它们的代码。这种模式的核心思想是：把“做什么”和“怎么做”分开。

策略模式解决了什么问题

在写代码时，经常会遇到根据条件执行不同逻辑的情况，比如表单验证、计算折扣、处理用户输入等。如果用大量的 if-else 或 switch 来判断，代码会变得难以维护。策略模式通过将每种情况封装成独立的策略，让代码更清晰、可扩展。

常见例子：表单验证

假设你要验证一个用户注册表单：

用户名不能为空，且长度大于2
密码至少6位
邮箱格式要正确

不用策略模式的话，可能写出一堆 if 判断。而用策略模式，可以这样组织：

DaGaoPeng(大高朋网团购程序)

大高朋团购系统是一套Groupon模式的开源团购程序，开发的一套网团购程序，系统采用ASP+ACCESS开发的团购程序，安装超简，功能超全面，在保留大高朋团购系统版权的前提下，允许所有用户免费使用。大高朋团购系统内置多种主流在线支付接口，所有网银用户均可无障碍支付；短信发送团购券和实物团购快递发货等。二、为什么选择大高朋团购程序系统？ 1.功能强大、细节完善除了拥有主流团购网站功能，更特别支

0 查看详情 DaGaoPeng(大高朋网团购程序)

// 定义验证规则（策略对象）
const strategies = {
  notEmpty: (value, errorMsg) => value === '' ? errorMsg : null,
  minLength: (value, length, errorMsg) => value.length < length ? errorMsg : null,
  isEmail: (value, errorMsg) => {
    const emailReg = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return !emailReg.test(value) ? errorMsg : null;
  }
};

// 验证器类
class Validator {
  constructor() {
    this.cache = [];
  }

  add(value, rule, errorMsg) {
    const [strategyName, ...args] = rule.split(':');
    args.unshift(value);
    args.push(errorMsg);

    this.cache.push(() => strategies[strategyName](...args));
  }

  validate() {
    for (let fn of this.cache) {
      const errorMsg = fn();
      if (errorMsg) {
        return errorMsg;
      }
    }
    return null;
  }
}

// 使用方式
const validator = new Validator();
validator.add('abc', 'notEmpty', '用户名不能为空');
validator.add('ab', 'minLength:3', '用户名至少3个字符');
validator.add('invalid-email', 'isEmail', '邮箱格式不正确');

const msg = validator.validate();
console.log(msg); // 输出：用户名至少3个字符