代理器Proxy

基本概念

一.代理器Proxy
1.用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”，即对编程语言进行编程。
2.Proxy可以理解为，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层的拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。

二.初识代理器
ES6原生提供Proxy构造函数，用来生成Proxy实例。

let obj = new Proxy(
  {},
  {
    get: function (target, propKey, receiver) {
      console.log(`getting ${propKey}`);
      return Reflect.get(target, propKey, receiver);
    },
    set: function (target, propKey, value, receiver) {
      console.log(`setting ${propKey}`);
      return Reflect.set(target, propKey, value, receiver);
    },
  }
);
obj.count = 1;
++obj.count;
console.log(obj);

三.创建Proxy语法
1.创建Proxy语法
new Proxy(target,handler)
2.Peoxy对象的所有用法，都是这种形式，不同的只是handler参数的写法。
Ⅰ.new Proxy()表示生成一个Proxy实例。
Ⅱ.target参数表示所要拦截的目标对象。
Ⅲ.handler参数也是一个对象，用来定制拦截行为。

示例：拦截读取属性行为

let proxy = new Proxy(
    {},
    {
      get(target, propKey) {
        return 35;
      },
    }
  );
  console.log(proxy.time);
  console.log(proxy.name);
  console.log(proxy.title);

如果handler没有设置任何拦截，那就等于直接通向原对象。

let target = {};
let handler = {};
let p = new Proxy(target, handler);
p.a = "b";
console.log(target, p.a);
target.a = "bb";
console.log(target, p.a);

可以将Proxy对象设置到object.proxy属性，从而可以在object对象上调用。

let obj = {
    proxy: new Proxy(this, {
      get(target, prop) {
        console.log(`getting ${prop}`);
        return target[prop] ?? "Not Found";
      },
    }),
  };
  let x = obj.proxy.a;
  console.log(x);
  

学习内容：

提示：这里可以添加要学的内容
例如：
1、 搭建 Java 开发环境
2、 掌握 Java 基本语法
3、 掌握条件语句
4、 掌握循环语句

---