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