代理模式：增强 JavaScript 对象

前端

2023-11-19 15:17:05

摘要：

代理模式是一种设计模式，它为现有对象创建一个替代或占位符对象，以便控制对其的访问和操作。这种模式在 JavaScript 中特别有用，因为它可以增强对象的行为，同时保持其原始接口的完整性。

介绍：

代理模式在 JavaScript 中广泛用于各种场景，例如：

隔离：通过创建代理对象，可以将原始对象的实现细节隐藏起来，从而提高代码的可维护性和可重用性。
保护：代理对象可以充当原始对象的保护代理，限制对其敏感操作的访问。
智能：代理对象可以增强原始对象的行为，添加额外的功能或实现新的接口。

实现：

在 JavaScript 中实现代理模式通常使用代理函数或类。代理函数接收原始对象作为参数并返回一个代理对象，该代理对象包含原始对象的属性和方法。代理类继承自原始对象类并重写其方法以实现增强或控制行为。

示例：

假设我们有一个名为 Person 的原始对象，其中包含 name 和 age 属性，以及 greet 方法。我们可以创建一个代理对象 ProxyPerson 来保护原始对象，仅允许对 greet 方法的受控访问：

const Person = {
  name: 'John Doe',
  age: 30,
  greet: function() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
};

const ProxyPerson = (function() {
  let canGreet = false;

  return {
    name: Person.name,
    age: Person.age,
    greet: function() {
      if (canGreet) {
        Person.greet();
      } else {
        console.log('Access to greet method is restricted.');
      }
    },
    allowGreet: function() {
      canGreet = true;
    }
  };
})();

ProxyPerson.greet(); // 输出：Access to greet method is restricted.
ProxyPerson.allowGreet();
ProxyPerson.greet(); // 输出：Hello, my name is John Doe and I am 30 years old.