JavaScript实现策略模式，让代码更灵活

2023-10-27 05:09:28

策略模式是面向对象设计中非常重要的一种设计模式，它可以将算法与使用算法的代码解耦，从而使代码更灵活、更易维护。在JavaScript中，我们可以通过以下步骤来实现策略模式：

定义一个接口来定义算法的公共方法。
创建一个策略类，该类实现了接口的方法。
创建一个上下文类，该类使用策略类来执行算法。

下面是一个JavaScript实现策略模式的例子：

// 定义一个接口来定义算法的公共方法
interface Strategy {
  execute(input: any): any;
}

// 创建一个策略类，该类实现了接口的方法
class ConcreteStrategyA implements Strategy {
  execute(input: any): any {
    // 具体算法的实现
    return input * 2;
  }
}

// 创建另一个策略类，该类实现了接口的方法
class ConcreteStrategyB implements Strategy {
  execute(input: any): any {
    // 具体算法的实现
    return input * 3;
  }
}

// 创建一个上下文类，该类使用策略类来执行算法
class Context {
  private strategy: Strategy;

  constructor(strategy: Strategy) {
    this.strategy = strategy;
  }

  executeStrategy(input: any): any {
    return this.strategy.execute(input);
  }
}

// 使用策略模式
const strategyA = new ConcreteStrategyA();
const strategyB = new ConcreteStrategyB();

const context = new Context(strategyA);
const resultA = context.executeStrategy(5);

context.strategy = strategyB;
const resultB = context.executeStrategy(5);

console.log(resultA); // 10
console.log(resultB); // 15