前言：学完补充

参考资料：

1.介绍

首先我们在学Proxy之前我们思考一下，以前我们不是有 Object.defineProperty() 方法吗，为什么又出现了一个类似功能的 Proxy ,一般出现这种情况的基本上都是前者又某些不可弥补的缺点，所以出现了后者进行弥补加强，那么问题来了，为什么不优化前者，而是提出一个新的东西来呢，这个我也不知道，可能前者在优化的时候会出现某些问题，或者是说前者已经标准化了，再改的话会影响到之前使用这个方法的项目，所以就用了一个新的东西。

Proxy相比于defineProperty的优势

我们先来打印看下Proxy这个对象

1

console.dir(Proxy);

通过打印我们能看到Proxy就是一个普通的构造函数，但是注意Proxy下面有一个私有的 revocable 方法。

Proxy对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找，赋值，枚举，函数调用等）。

2.语法、参数、方法

（1）语法

1

const p = new Proxy(target, handler)

（2）参数

参数 说明
target 要使用 Proxy 包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。
handler 一个通常以函数作为属性的对象，各属性中的函数分别定义了在执行各种操作时代理 p 的行为。

个人理解：hander就是用来劫持被代理对象的方法的

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

const handler = {
    get: function (obj, prop) {
        return prop in obj ? obj[prop] : 37
    }
}

const p = new Proxy({}, handler);
p.a = 1;
p.b = undefined;
console.log(p.a, p.b);
console.log('c' in p, p.a);

思考：能不能用Proxy实现以下判断成立

1
2
3

if (a === 1 && a === 2 && a === 3) {
    console.log('星空海绵');
}

（3）方法

Proxy.revocable() 创建一个可撤销的Proxy对象。