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

在JavaScript开发中,面对多个条件判断时,代码容易变得冗长且难以维护。比如用一连串的 if/else 或 switch 语句处理不同情况,不仅可读性差,还违反了开放封闭原则。策略模式是一种有效的优化方式,能将“行为”与“条件”解耦,让代码更清晰、更易扩展。
什么是策略模式?
策略模式的核心思想是:定义一系列算法或行为,把它们封装成独立的策略对象,使它们可以互相替换,而上下文可以根据需要动态选择使用哪一个策略。
在JavaScript中,由于函数是一等公民,我们可以直接用对象存储函数作为策略,实现简洁高效的逻辑分发。
传统条件判断的问题
举个例子:根据用户等级计算折扣。常见写法:
立即学习“Java免费学习笔记(深入)”;
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;
}
基本上就这些。策略模式通过对象映射替代条件判断,让代码更灵活、更可维护。尤其适合处理多分支逻辑、表单验证、状态对应行为等场景。不复杂但容易忽略。










