js策略模式是什么？

舞夢輝影 2025-11-04 00:00:00 次阅读

策略模式将算法的使用与实现分离，包含上下文、策略接口和具体策略三部分，通过统一接口在运行时动态切换算法，避免冗长条件判断，提升可维护性与扩展性，适用于表单验证、促销计算等场景。

JS策略模式是一种设计模式，它的核心思想是把算法的使用和算法的实现分离开来。一个策略模式通常包含三个部分：上下文（Context）、策略接口（Strategy）和一组具体策略（Concrete Strategies）。通过这种结构，程序可以在运行时根据需要动态切换不同的算法或行为，而不需要修改使用算法的代码。

策略模式的基本结构

在JavaScript中，策略模式一般表现为一个对象集合，每个对象代表一种策略，拥有相同的接口（方法名），但内部实现不同。上下文对象持有一个策略的引用，并调用其方法。

例如：

// 具体策略
const strategies = {
  'sunny': () => console.log('今天天气晴朗，适合散步'),
  'rainy': () => console.log('下雨了，记得带伞'),
  'cloudy': () => console.log('多云，可以外出但注意温差')
};
// 上下文
function WeatherAdvice(weather) {
if (strategies[weather]) {
strategies[weather]();
} else {
console.log('未知天气');
}
}
WeatherAdvice('sunny'); // 输出：今天天气晴朗，适合散步

策略模式的优点

使用策略模式的好处包括：

可扩展性强：新增策略只需添加新函数或对象，不修改原有逻辑
避免大量条件判断：比如不用写一长串 if-else 或 switch-case
提高代码可维护性：每种算法独立封装，职责清晰
运行时动态切换：可以在程序执行过程中更换策略

实际应用场景

策略模式常用于以下情况：

表单验证：不同字段使用不同的验证规则，统一调用验证方法
促销计算：不同会员等级对应不同折扣算法
动画效果选择：根据配置使用不同的缓动函数

比如用户登录奖励计算：

const rewards = {
  'newbie': (https://www./link/0a78d9f8a1d2c2289e4410bcb0657b73) => https://www./link/0a78d9f8a1d2c2289e4410bcb0657b73 * 1.1,
  'regular': (https://www./link/0a78d9f8a1d2c2289e4410bcb0657b73) => https://www./link/0a78d9f8a1d2c2289e4410bcb0657b73 * 1.3,
  'vip': (https://www./link/0a78d9f8a1d2c2289e4410bcb0657b73) => https://www./link/0a78d9f8a1d2c2289e4410bcb0657b73 * 1.5
};
function getReward(type, https://www./link/0a78d9f8a1d2c2289e4410bcb0657b73) {
return rewards[type] ? rewardstype : https://www./link/0a78d9f8a1d2c2289e4410bcb0657b73;
}