代理模式是一种结构型设计模式，其目的是在不改变原始对象（被代理对象）的情况下，为其提供一个代理对象来控制对原始对象的访问。

在 JavaScript 中，可以尝试使用以下两种简单方式来实现代理模式：

1 通过构造函数来创建代理对象：

function DataProxy(url) {
  this.url = url;
  this.data = null;
}

DataProxy.prototype.fetch = function() {
  if (!this.data) {
    console.log(`fetching data from ${this.url}...`);
    // 在实际应用中，这里可能会发送网络请求以从远程服务器获取数据。
    this.data = { id: 123, name: 'John Doe' };
  }
  return this.data;
};

const dataProxy = new DataProxy('http://example.com/data');

console.log(dataProxy.fetch()); // 输出：fetching data from http://example.com/data... { id: 123, name: 'John Doe' }
console.log(dataProxy.fetch()); // 输出：{ id: 123, name: 'John Doe' }

在这个例子中，DataProxy 构造函数创建了一个代理对象，用于从远程服务器获取数据。当代理对象的 'fetch '方法被调用时，它会首先检查数据是否已经存在于代理对象中。如果数据不存在，则会从远程服务器获取数据并将其缓存到代理对象中。否则，它将直接返回缓存的数据。这种方式可以减少网络请求，提高应用程序的性能。

2 下面是另一个示例，展示了如何使用对象字面量创建一个简单的代理对象：

const car = {
  drive: function() {
    console.log('car is being driven');
  }
};

const carProxy = {
  drive: function() {
    console.log('starting the engine...');
    car.drive();
    console.log('stopping the engine...');
  }
};

carProxy.drive(); // 输出：starting the engine... car is being driven stopping the engine...

在这个例子中，'car' 对象是实际对象，代理对象 'carProxy' 中的 'drive' 方法控制对 'car' 对象的访问。当 'carProxy' 对象的 'drive' 方法被调用时，它会在调用 'car' 对象的 'drive' 方法之前和之后执行额外的操作。