JavaScript策略模式_条件判断优化

策略模式通过封装不同算法为独立策略对象,实现行为与条件解耦。例如用对象存储折扣函数或表单验证规则,新增逻辑只需添加属性,避免修改原有代码,提升可维护性与扩展性,适用于多分支判断场景。

在JavaScript开发中,面对多个条件判断时,代码容易变得冗长且难以维护。比如用一连串的 if/elseswitch 语句处理不同情况,不仅可读性差,还违反了开放封闭原则。策略模式是一种有效的优化方式,能将“行为”与“条件”解耦,让代码更清晰、更易扩展。

什么是策略模式?

策略模式的核心思想是:定义一系列算法或行为,把它们封装成独立的策略对象,使它们可以互相替换,而上下文可以根据需要动态选择使用哪一个策略。

在JavaScript中,由于函数是一等公民,我们可以直接用对象存储函数作为策略,实现简洁高效的逻辑分发。

传统条件判断的问题

举个例子:根据用户等级计算折扣。

常见写法:

function getDiscount(level, price) {
  if (level === 'vip') {
    return price * 0.8;
  } else if (level === 'svip') {
    return price * 0.7;
  } else if (level === 'partner') {
    return price * 0.6;
  } else {
    return price;
  }
}

这种写法的问题很明显:

  • 新增等级需要修改函数,违反开闭原则
  • 逻辑集中,不易测试和复用
  • 分支越多,越难维护

使用策略模式重构

我们将每种折扣规则封装为独立策略,通过对象映射调用:

const discountStrategy = {
  vip: price => price * 0.8,
  svip: price => price * 0.7,
  partner: price => price * 0.6,
  default: price => price
};

function getDiscount(level, price) { const strategy = discountStrategy[level] || discountStrategy.default; return strategy(price); }

这样做的好处:

  • 新增等级只需添加对象属性,无需改动原有逻辑
  • 策略可单独测试,职责清晰
  • 代码更简洁,易于理解和维护

结合表单验证的实用场景

策略模式也常用于表单验证,避免一堆 if 判断。

const validateRules = {
  required: value => value ? null : '此项不能为空',
  email: value => /@/.test(value) ? null : '邮箱格式不正确',
  phone: value => /^1[3-9]\d{9}$/.test(value) ? null : '手机号格式错误'
};

function validate(field, ruleName, value) { const rule = validateRules[ruleName]; return rule ? rule(value) : null; }

// 使用 validate('email', 'required', ''); // "此项不能为空" validate('email', 'email', 'abc@123.com'); // null(通过)

还可以组合多个规则:

function validateAll(value, rules) {
  for (let rule of rules) {
    const result = validateRules[rule](value);
    if (result) return result;
  }
  return null;
}

基本上就这些。策略模式通过对象映射替代条件判断,让代码更灵活、更可维护。尤其适合处理多分支逻辑、表单验证、状态对应行为等场景。不复杂但容易忽略。