代理设计模式

发布日期： 2024-10-19 阅读量： 作者： 网络

代理设计模式

在我之前的博客中，我探索了各种处理对象创建机制的创作设计模式。现在，是时候深入研究结构设计模式，它重点关注如何组合对象和类以形成更大的结构，同时保持它们的灵活性和高效性。让我们从代理设计模式开始

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)

# access # 延迟加载

上一篇: PHP 函数中使用变量类型的好处有哪些？

下一篇: centos7下升级apache至最新版本

代理设计模式

随便看看