策略模式和代理模式是常用的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();
在上述例子中，代理对象在调用目标对象的方法之前执行了一些额外操作。代理模式可以帮助我们实现更复杂的业务逻辑，同时保持目标对象的单一职责。
策略模式和代理模式在实际应用中具有广泛的应用场景，可以根据具体需求选择适合的设计模式来解决问题。
