ES6的Proxy API

ES6的Proxy API提供了一种方法来定义基本操作的自定义行为（如属性查找，赋值，枚举，函数调用等）。当您创建一个对象时，您可以使用Proxy构造函数来拦截操作。

以下是一些使用Proxy API的示例：

javascript
let target = {  
  prop: 'value'  
};  
  
let handler = {  
  get: function(target, prop, receiver) {  
    console.log(`Get '${prop}'`);  
    return Reflect.get(...arguments);  
  },  
  set: function(target, prop, value, receiver) {  
    console.log(`Set '${prop} = ${value}'`);  
    return Reflect.set(...arguments);  
  }  
};  
  
let proxy = new Proxy(target, handler);  
  
proxy.prop; // "Get 'prop'" (from handler)  
proxy.prop = 'new value'; // "Set 'prop = new value'" (from handler)

在上面的例子中，我们定义了一个handler对象，它有两个trap方法：get和set。这些方法分别拦截了对属性的读取和设置操作。在每个trap方法中，我们打印了一条消息，并使用Reflect对象来执行原始操作。然后，我们使用这个handler对象和一个目标对象来创建一个新的Proxy对象。现在，当我们访问或修改proxy对象的属性时，我们的handler对象就会被调用。

注意：handler对象中的get和set方法接收三个参数：目标对象，被访问的属性名和一个接收对象。在我们的handler对象中，我们使用这些参数来打印出被访问的属性名和接收到的值。然后，我们调用Reflect对象的get和set方法来执行原始操作。

ES6的Proxy API

推荐阅读更多精彩内容