js设计模式-策略模式与代理模式的应用

策略模式和代理模式是常用的JavaScript设计模式，可以在各种场景下应用。

策略模式（Strategy Pattern）是一种行为型模式，它定义了一系列的算法，并将每个算法封装起来，使它们可以相互替换。策略模式可以使算法独立于使用它的客户端而变化，从而可以灵活地选择算法。在JavaScript中，可以使用函数来实现策略模式。例如：

// 定义一系列的算法
function addStrategy(a, b) {
  return a + b;
}

function subtractStrategy(a, b) {
  return a - b;
}

function multiplyStrategy(a, b) {
  return a * b;
}

// 定义一个策略上下文类
class Context {
  constructor(strategy) {
    this.strategy = strategy;
  }

  executeStrategy(a, b) {
    return this.strategy(a, b);
  }
}

// 使用策略模式
const context = new Context(addStrategy);
console.log(context.executeStrategy(2, 3)); // 输出 5

context.strategy = subtractStrategy;
console.log(context.executeStrategy(5, 2)); // 输出 3

context.strategy = multiplyStrategy;
console.log(context.executeStrategy(4, 3)); // 输出 12

代理模式（Proxy Pattern）是一种结构型模式，它为其他对象提供一种代理以控制对这个对象的访问。代理对象可以拦截对被代理对象的访问，并进行一些额外操作。代理模式常用于对目标对象进行一些额外处理，比如延迟加载、权限控制等。在JavaScript中，可以使用类来实现代理模式。例如：

// 定义一个目标对象
class RealSubject {
  request() {
    console.log("RealSubject: 处理请求");
  }
}

// 定义一个代理对象
class Proxy {
  constructor(realSubject) {
    this.realSubject = realSubject;
  }

  request() {
    // 在真正调用目标对象方法之前执行一些额外操作
    console.log("Proxy: 执行额外操作");
    // 调用目标对象的方法
    this.realSubject.request();
  }
}

// 使用代理模式
const realSubject = new RealSubject();
const proxy = new Proxy(realSubject);
proxy.request();

在上述例子中，代理对象在调用目标对象的方法之前执行了一些额外操作。代理模式可以帮助我们实现更复杂的业务逻辑，同时保持目标对象的单一职责。

策略模式和代理模式在实际应用中具有广泛的应用场景，可以根据具体需求选择适合的设计模式来解决问题。