策略模式将算法的使用与实现分离，包含上下文、策略接口和具体策略三部分，通过统一接口在运行时动态切换算法，避免冗长条件判断，提升可维护性与扩展性，适用于表单验证、促销计算等场景。
JS策略模式是一种设计模式，它的核心思想是把算法的使用和算法的实现分离开来。一个策略模式通常包含三个部分：上下文（Context）、策略接口（Strategy）和一组具体策略（Concrete Strategies）。通过这种结构，程序可以在运行时根据需要动态切换不同的算法或行为，而不需要修改使用算法的代码。
策略模式的基本结构
在JavaScript中，策略模式一般表现为一个对象集合，每个对象代表一种策略，拥有相同的接口（方法名），但内部实现不同。上下文对象持有一个策略的引用，并调用其方法。
例如：
// 具体策略
const strategies = {
'sunny': () => console.log('今天天气晴朗，适合散步'),
'rainy': () => console.log('下雨了，记得带伞'),
'cloudy': () => console.log('多云，可以外出但注意温差')
};
<p>// 上下文
function WeatherAdvice(weather) {
if (strategies[weather]) {
strategies[weather]();
} else {
console.log('未知天气');
}
}</p><p>WeatherAdvice('sunny'); // 输出：今天天气晴朗，适合散步</p>策略模式的优点
使用策略模式的好处包括：
- 可扩展性强：新增策略只需添加新函数或对象，不修改原有逻辑
- 避免大量条件判断：比如不用写一长串 if-else 或 switch-case
- 提高代码可维护性：每种算法独立封装，职责清晰
- 运行时动态切换：可以在程序执行过程中更换策略
实际应用场景
策略模式常用于以下情况：
- 表单验证：不同字段使用不同的验证规则，统一调用验证方法
- 促销计算：不同会员等级对应不同折扣算法
- 动画效果选择：根据配置使用不同的缓动函数
比如用户登录奖励计算：
const rewards = {
'newbie': (https://www.php.cn/link/0a78d9f8a1d2c2289e4410bcb0657b73) => https://www.php.cn/link/0a78d9f8a1d2c2289e4410bcb0657b73 * 1.1,
'regular': (https://www.php.cn/link/0a78d9f8a1d2c2289e4410bcb0657b73) => https://www.php.cn/link/0a78d9f8a1d2c2289e4410bcb0657b73 * 1.3,
'vip': (https://www.php.cn/link/0a78d9f8a1d2c2289e4410bcb0657b73) => https://www.php.cn/link/0a78d9f8a1d2c2289e4410bcb0657b73 * 1.5
};
<p>function getReward(type, https://www.php.cn/link/0a78d9f8a1d2c2289e4410bcb0657b73) {
return rewards[type] ? rewards<a href="https://www.php.cn/link/0a78d9f8a1d2c2289e4410bcb0657b73">type</a> : https://www.php.cn/link/0a78d9f8a1d2c2289e4410bcb0657b73;
}</p>基本上就这些。策略模式不复杂但容易忽略，关键在于“把变的东西独立出来，统一调用方式”。
