基本概念

一.代理器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);