代理设计模式
编程并不是一个机械性的工作,而是需要有思考,有创新的工作,语法是固定的,但解决问题的思路则是依靠人的思维,这就需要我们坚持学习和更新自己的知识。今天golang学习网就整理分享《代理设计模式》,文章讲解的知识点主要包括,如果你对文章方面的知识点感兴趣,就不要错过golang学习网,在这可以对大家的知识积累有所帮助,助力开发能力的提升。

在我之前的博客中,我探索了各种处理对象创建机制的创作设计模式。现在,是时候深入研究结构设计模式,它重点关注如何组合对象和类以形成更大的结构,同时保持它们的灵活性和高效性。让我们从代理设计模式开始
javascript 中的代理设计模式
代理设计模式是一种结构设计模式,它提供一个对象代表另一个对象。它充当控制对真实对象的访问的中介,添加附加行为,例如延迟初始化、日志记录、访问控制或缓存,而无需更改原始对象的代码。
在 javascript 中,代理是 proxy 对象提供的内置功能,允许您为属性访问、赋值、函数调用等基本操作定义自定义行为。
我们什么时候需要代理模式?
代理模式在以下情况下特别有用:
- 延迟初始化:您希望延迟创建资源密集型对象,直到需要它为止。
- 访问控制:您需要控制对对象的访问,例如限制未经授权的访问或根据条件限制操作。
- 日志记录:您想要记录对象上的操作(例如,属性访问或方法调用)。
- 缓存:您想要缓存昂贵操作的结果以避免冗余计算。
代理模式的组成部分
- 主题: 定义真实对象和代理的公共操作的接口。
- realsubject: 执行实际工作的实际对象。
- 代理: 控制对 realsubject 的访问的中介。
类比:
想象一下,您有一幅大画想要向客人展示,但需要花费很多时间才能从储藏室中取出它(因为它很重并且需要时间来搬运)。您决定使用这幅画的小明信片图像,在他们等待实际画作被获取时快速向他们展示,而不是每次都等待。
在这个比喻中:
- 大画是真实的物体(就像需要时间加载的图像)。
- 明信片是代理(一种轻量级替代品,直到真实对象准备好为止)。
- 一旦真正的画作准备好,您就可以向客人展示实际的画作。
现实世界的类比:
将房地产经纪人视为代理人。当你想买房子时,你不会立即参观每栋房子(加载实物)。相反,房地产经纪人(代理人)首先向您展示照片和描述。只有当你准备购买时(即,当你调用display()时),代理才会安排看房(加载实物)。
真实示例:图像加载(虚拟代理)
让我们使用 web 应用程序中的图像加载示例,我们希望延迟图像的加载,直到用户请求它(延迟加载)。代理可以充当占位符,直到加载真实图像。
以下是如何在 javascript 中实现代理设计模式。
示例:图像加载代理
// step 1: the real object
class realimage {
constructor(filename) {
this.filename = filename;
this.loadimagefromdisk();
}
loadimagefromdisk() {
console.log(`loading ${this.filename} from disk...`);
}
display() {
console.log(`displaying ${this.filename}`);
}
}
// step 2: the proxy object
class proxyimage {
constructor(filename) {
this.realimage = null; // no real image yet
this.filename = filename;
}
display() {
if (this.realimage === null) {
// load the real image only when needed
this.realimage = new realimage(this.filename);
}
this.realimage.display(); // display the real image
}
}
// step 3: using the proxy to display the image
const image = new proxyimage("photo.jpg");
image.display(); // loads and displays the image
image.display(); // just displays the image (already loaded)
说明:
1)。真实图像:
- realimage类代表实际图像。
- 它以文件名作为输入,并模拟从磁盘加载图像的耗时过程(由 loadimagefromdisk 方法显示)。
- 加载后,将使用显示方法来显示图像。
2)。代理图像:
- proxyimage类充当realimage的替代品。它不会立即加载真实图像。
- 它包含对真实图像的引用(但最初它是空的,因为真实图像尚未加载)。
- 当您在代理上调用显示方法时,它会检查真实图像是否已加载。如果没有,它会先加载,然后显示。
3)。用法:
- 当我们创建 proxyimage 实例时,实际图像尚未加载(因为它是资源密集型的)。
- 第一次调用 display 时,代理加载图像(使用 realimage 类),然后显示它。
- 第二次调用display时,真实图片已经加载完毕,所以只显示图片,不再加载。
内置proxy对象
es6 代理由一个代理构造函数组成,该构造函数接受目标和处理程序作为参数
const proxy = new proxy(target, handler)
这里,target代表应用代理的对象,而handler是一个特殊的对象,定义了代理的行为。
处理程序对象包含一系列具有预定义名称的可选方法,称为陷阱方法(例如 apply、get、set 和 has),当对代理实例执行相应操作时,这些方法会自动调用。
让我们通过使用内置代理实现计算器来理解这一点
// Step 1: Define the Calculator class with prototype methods
class Calculator {
constructor() {
this.result = 0;
}
// Prototype method to add numbers
add(a, b) {
this.result = a + b;
return this.result;
}
// Prototype method to subtract numbers
subtract(a, b) {
this.result = a - b;
return this.result;
}
// Prototype method to multiply numbers
multiply(a, b) {
this.result = a * b;
return this.result;
}
// Prototype method to divide numbers
divide(a, b) {
if (b === 0) throw new Error("Division by zero is not allowed.");
this.result = a / b;
return this.result;
}
}
// Step 2: Create a proxy handler to intercept operations
const handler = {
// Intercept 'get' operations to ensure access to prototype methods
get(target, prop, receiver) {
if (prop in target) {
console.log(`Accessing property: ${prop}`);
return Reflect.get(target, prop, receiver); // Access property safely
} else {
throw new Error(`Property "${prop}" does not exist.`);
}
},
// Intercept 'set' operations to prevent mutation
set(target, prop, value) {
throw new Error(`Cannot modify property "${prop}". The calculator is immutable.`);
}
};
// Step 3: Create a proxy instance that inherits the Calculator prototype
const calculator = new Calculator(); // Original calculator object
const proxiedCalculator = new Proxy(calculator, handler); // Proxy wrapping the calculator
// Step 4: Use the proxy instance
try {
console.log(proxiedCalculator.add(5, 3)); // Output: 8
console.log(proxiedCalculator.multiply(4, 2)); // Output: 8
console.log(proxiedCalculator.divide(10, 2)); // Output: 5
// Attempt to access prototype directly through proxy
console.log(proxiedCalculator.__proto__ === Calculator.prototype); // Output: true
// Attempt to modify a property (should throw an error)
proxiedCalculator.result = 100; // Error: Cannot modify property "result".
} catch (error) {
console.error(error.message); // Output: Cannot modify property "result". The calculator is immutable.
}
使用代理的最佳部分是:
- 代理对象继承了原calculator类的原型。
- 通过代理设置的陷阱来避免突变。
代码说明
1)。 原型继承:
- 代理不会干扰 **calculator ** 类的原始原型。
- 通过检查 proxiedcalculator.proto === calculator.prototype 来确认这一点。结果将是true。
2)。 处理 getoperations:
- get 陷阱拦截代理对象上的属性访问。
- 我们使用 reflect.get 安全地访问原始对象的属性和方法。
3)。 防止突变:
每当尝试修改目标对象上的任何属性时,设置陷阱都会引发错误。这确保了不变性。
4)。 通过代理使用原型方法:
代理允许访问加、减、乘、除等方法,所有这些方法都在原始对象的原型上定义。
这里要观察的要点是:
- 保留原型继承:代理保留对所有原型方法的访问,使其行为类似于原始计算器。
- 防止突变: 设置陷阱可确保计算器对象的内部状态不会被意外更改。
- 安全访问属性和方法: get 陷阱确保仅访问有效的属性,从而提高鲁棒性。
如果您已经做到了这一步,请不要忘记点赞❤️,并在下面发表评论以提出任何问题或想法。您的反馈对我来说至关重要,我很乐意听到您的来信!
以上就是《代理设计模式》的详细内容,更多关于的资料请关注golang学习网公众号!
海光信息前三季度净利润 14.08~15.86 亿元,同比预增 56.16~75.9%
- 上一篇
- 海光信息前三季度净利润 14.08~15.86 亿元,同比预增 56.16~75.9%
- 下一篇
- 了解 Nextjs 中的 CSR:客户端渲染解释
-
- 文章 · 前端 | 1小时前 |
- HTML目录栏制作方法:锚点导航树形菜单教程
- 102浏览 收藏
-
- 文章 · 前端 | 1小时前 |
- CSS背景图自适应容器填充技巧
- 420浏览 收藏
-
- 文章 · 前端 | 1小时前 |
- MongoDB日期查询方法与注意事项
- 278浏览 收藏
-
- 文章 · 前端 | 1小时前 |
- CSSFlex与MediaQuery响应式实战指南
- 156浏览 收藏
-
- 文章 · 前端 | 1小时前 |
- CSRF原理与令牌添加详解
- 225浏览 收藏
-
- 文章 · 前端 | 1小时前 |
- Flexbox居中间距技巧:gap属性详解
- 250浏览 收藏
-
- 文章 · 前端 | 1小时前 |
- Set与Map算法选择优化指南
- 446浏览 收藏
-
- 文章 · 前端 | 1小时前 | 样式控制 CSS伪类 动态内容 唯一子元素 :only-child
- CSSonly-child选择器使用方法
- 228浏览 收藏
-
- 文章 · 前端 | 1小时前 |
- UTC时间转换技巧与时区处理方法
- 360浏览 收藏
-
- 文章 · 前端 | 2小时前 |
- 回溯法解八皇后问题全解析
- 165浏览 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 485次学习
-
- ChatExcel酷表
- ChatExcel酷表是由北京大学团队打造的Excel聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
- 3204次使用
-
- Any绘本
- 探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
- 3416次使用
-
- 可赞AI
- 可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
- 3446次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
- 4555次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
- 3824次使用
-
- JavaScript函数定义及示例详解
- 2025-05-11 502浏览
-
- 优化用户界面体验的秘密武器:CSS开发项目经验大揭秘
- 2023-11-03 501浏览
-
- 使用微信小程序实现图片轮播特效
- 2023-11-21 501浏览
-
- 解析sessionStorage的存储能力与限制
- 2024-01-11 501浏览
-
- 探索冒泡活动对于团队合作的推动力
- 2024-01-13 501浏览

