JavaScript设计模式-代理模式(12)

简介: JavaScript设计模式-代理模式(12)

代理设计模式其重心是代理,代理在生活中也十分常见,比如一个服装店开遍了全国,他们如果统一进行管理,事情比较繁多,这个时候就可以去让一些人去做地区代理商,让他们帮忙去处理他们所在地区的服装店,这便是生活中的代理设计模式


代理设计模式工作中也经常使用,当前端访问后端的服务时,通过访问只是一个代理服务,这个代理服务将把请求代理到和自己属于同一个区域网下的内部服务器上,而前端真正的请求会打在这些内部服务器上.

image.png

以上就是在工作中使用的场景,下面我们用代码实现一个代理设计模式

代理设计模式案例


小明一直喜欢小红,但是不知道小红喜欢不喜欢自己,这个时候就可以委托小红的闺蜜小兰带着自己的礼物去代替自己表白并问一下小红对自己的心意

我们创建三个对象分别代表小红和小兰以及小明,礼物用构造函数的方式来代表

礼物,礼物构造函数接收俩个参数,一个是送礼人,一个是什么礼物

function Gift(owner, name) {
            this.owner = owner;
            this.name = name;
        }

小明,小明有一个送礼的方法,她先去买礼物然后把这个礼物交给要代自己表达心意的人

const xm = {
            sendGift(target) {
                const flower = new Gift('小红', '音乐盒');
                target.receiveFlower(flower)
            }
        }

小兰,小兰有一个代接收礼物的方法,最后在把这个礼物转交给小红

// 小兰
        const xl = {
            receiveFlower(flower) {
                xh.receiveFlower(flower)
            }
        }

小红,小红有一个接收礼物的方法,接收礼物后再进行打开看看是谁送的礼物

const xh = {
            receiveFlower(flower) {
                const { owner, name } = flower;
                console.log(`${owner}=>${name}`);
            }
        }

使用,小明让小兰代替自己去和小红表白,然后小兰拿到礼物之后调用小红的接收礼物方法,小红打开礼物查看

xm.sendGift(xl);

代理设计模式可扩展性强,它可以在原有功能不变的情况下直接使用,可以隔开目标类和使用者

坚持努力,不惧未来!

相关文章
|
2月前
|
设计模式 JavaScript 前端开发
JavaScript设计模式--访问者模式
【10月更文挑战第1天】
33 3
|
3月前
|
设计模式 缓存 安全
设计模式——代理模式
静态代理、JDK动态代理、Cglib 代理
设计模式——代理模式
|
3月前
|
设计模式 Java 数据安全/隐私保护
Java设计模式-代理模式(7)
Java设计模式-代理模式(7)
|
4月前
|
设计模式 JavaScript 前端开发
从工厂到单例再到策略:Vue.js高效应用JavaScript设计模式
【8月更文挑战第30天】在现代Web开发中,结合使用JavaScript设计模式与框架如Vue.js能显著提升代码质量和项目的可维护性。本文探讨了常见JavaScript设计模式及其在Vue.js中的应用。通过具体示例介绍了工厂模式、单例模式和策略模式的应用场景及其实现方法。例如,工厂模式通过`NavFactory`根据用户角色动态创建不同的导航栏组件;单例模式则通过全局事件总线`eventBus`实现跨组件通信;策略模式用于处理不同的表单验证规则。这些设计模式的应用不仅提高了代码的复用性和灵活性,还增强了Vue应用的整体质量。
59 1
|
4月前
|
设计模式 缓存 Java
【十一】设计模式~~~结构型模式~~~代理模式(Java)
文章详细介绍了代理模式(Proxy Pattern),这是一种对象结构型模式,用于给对象提供一个代理以控制对它的访问。文中阐述了代理模式的动机、定义、结构、优点、缺点和适用环境,并探讨了远程代理、虚拟代理、保护代理等不同代理形式。通过一个商务信息查询系统的实例,展示了如何使用代理模式来增加身份验证和日志记录功能,同时保持客户端代码的无差别对待。此外,还讨论了代理模式在分布式技术和Spring AOP中的应用,以及动态代理的概念。
【十一】设计模式~~~结构型模式~~~代理模式(Java)
|
4月前
|
设计模式 JavaScript 前端开发
小白请看 JS大项目宝典:设计模式 教你如何追到心仪的女神
小白请看 JS大项目宝典:设计模式 教你如何追到心仪的女神
|
4月前
|
设计模式
设计模式的基础问题之代理模式在工作中的问题如何解决
设计模式的基础问题之代理模式在工作中的问题如何解决
|
5月前
|
设计模式 JavaScript Go
js设计模式【详解】—— 状态模式
js设计模式【详解】—— 状态模式
83 7
|
5月前
|
设计模式 JavaScript
js设计模式【详解】—— 桥接模式
js设计模式【详解】—— 桥接模式
73 6
|
5月前
|
设计模式 JavaScript
js设计模式【详解】—— 原型模式
js设计模式【详解】—— 原型模式
53 6