虚拟对象延迟初始化是代理模式的应用，用于高成本对象的按需创建。通过代理拦截访问，在首次调用时才实例化真实对象并缓存，后续直接复用。JavaScript中可用Proxy实现，如昂贵图像加载器示例所示：首次访问属性触发初始化，之后返回缓存结果。适用于大型资源、远程数据、复杂计算等场景，优势包括性能提升、内存优化和使用透明。需注意单次创建、全覆盖拦截及调试可读性问题。该模式解耦了对象使用与创建，提升应用响应速度，适合前端性能优化。
代理模式在JavaScript中是一种结构型设计模式，它通过创建一个代理对象来控制对真实对象的访问。虚拟对象延迟初始化（Lazy Initialization）是代理模式的一种典型应用场景，适用于那些创建成本高、但并非立即需要的对象。
什么是虚拟对象延迟初始化？
有些对象在初始化时会消耗较多资源，比如读取大文件、发起网络请求或渲染复杂UI组件。如果在程序启动时就全部创建这些对象，会影响性能。延迟初始化的思想是：只有在真正需要使用对象时才创建它。代理对象在此过程中充当“中介”，拦截访问请求，在首次调用时才创建真实对象，之后缓存并复用。
代理如何实现延迟初始化？
JavaScript的 Proxy 构造函数可以轻松实现这一模式。代理对象对外表现得像真实对象，但在内部控制实例化时机。
以下是一个简单的示例：假设有一个代价高昂的图像加载器：
立即学习“Java免费学习笔记（深入）”；
function createExpensiveImageLoader() {
console.log("正在加载大型图像...");
// 模拟耗时操作
const image = { src: "large-image.jpg", size: "10MB" };
return image;
}
// 代理实现延迟加载
const lazyImageProxy = new Proxy({}, {
target: null,
get: function (target, property) {
if (!this.target) {
console.log("首次访问，开始初始化...");
this.target = createExpensiveImageLoader();
}
return this.target[property];
}
});
使用方式：
console.log(lazyImageProxy.src); // 触发初始化，输出图像路径 console.log(lazyImageProxy.size); // 已初始化，直接返回
第一次访问任意属性时才创建真实对象，后续访问直接使用缓存实例，既节省资源又提升响应速度。
适用场景与优势
- 大型资源加载：如图片、视频、模型文件等，避免页面加载阻塞。
- 远程数据获取：API请求封装，仅在需要时拉取数据。
- 复杂计算对象：如图表引擎、解析器等，延迟创建直到用户交互触发。
- 内存敏感应用：移动端或低配设备上优化资源占用。
优势在于解耦了对象的使用与创建，调用方无需关心是否已初始化，代理透明地处理了这些细节。
注意事项
使用代理做延迟初始化时需注意：
- 确保真实对象只被创建一次，避免重复开销。
- 代理拦截的属性或方法应覆盖所有可能的访问路径。
- 对于有构造参数的场景，可将参数保存在代理中，延迟传入。
- 调试时注意代理的透明性可能导致断点不易捕捉，建议添加日志辅助。
基本上就这些。代理模式结合延迟初始化，让资源管理更智能，特别适合现代前端应用中的性能优化场景。不复杂但容易忽略。
