Proxy&Reflect官网笔记，让你更深入地理解JavaScript代理机制

2023-10-20 23:45:07

Proxy和Reflect是JavaScript中用于修改某些操作的默认行为的API，属于一种“元编程”，即对编程语言进行编程。通过Proxy，我们可以拦截对象的属性访问、方法调用、构造函数调用等操作，并对这些操作进行自定义的处理。Reflect对象则提供了一系列与Proxy类似的方法，用于对对象的操作进行反射，以实现与Proxy类似的功能。

1. Proxy对象

Proxy对象是JavaScript中用于创建一个代理对象的API。代理对象可以拦截对目标对象的各种操作，并对这些操作进行自定义的处理。

1.1 创建Proxy对象

const target = {
  name: 'John Doe',
  age: 30
};

const proxy = new Proxy(target, {
  // 代理处理函数
});

在上面的代码中，我们首先创建了一个目标对象target。
然后，我们使用Proxy()函数创建一个代理对象proxy，其中第一个参数是目标对象target，第二个参数是一个代理处理函数。
代理处理函数是一个对象，其中包含了一系列用于拦截目标对象操作的方法。

1.2 Proxy处理函数

Proxy处理函数是一个对象，其中包含了一系列用于拦截目标对象操作的方法。这些方法包括：

get()方法 ：用于拦截属性访问操作。
set()方法 ：用于拦截属性赋值操作。
apply()方法 ：用于拦截函数调用操作。
construct()方法 ：用于拦截构造函数调用操作。
getOwnPropertyDescriptor()方法 ：获取对象的属性符。
defineProperty()方法 ：设置对象的属性符。
deleteProperty()方法 ：删除对象的属性。
enumerate()方法 ：返回对象的属性名迭代器。
keys()方法 ：返回对象的属性名数组。
isExtensible()方法 ：检查对象是否可扩展。
preventExtensions()方法 ：禁止对象扩展。
seal()方法 ：密封对象。
freeze()方法 ：冻结对象。

1.3 使用Proxy对象

我们可以使用Proxy对象来拦截对目标对象的各种操作，并对这些操作进行自定义的处理。例如，我们可以使用Proxy对象来：

验证属性访问 ：我们可以使用Proxy对象的get()方法来验证属性访问，以确保属性存在且具有正确的类型。
过滤属性赋值 ：我们可以使用Proxy对象的set()方法来过滤属性赋值，以确保属性值符合特定的条件。
拦截函数调用 ：我们可以使用Proxy对象的apply()方法来拦截函数调用，以实现函数调用前的权限检查或参数验证。
拦截构造函数调用 ：我们可以使用Proxy对象的construct()方法来拦截构造函数调用，以实现构造函数调用前的权限检查或参数验证。

2. Reflect对象

Reflect对象是JavaScript中提供的一系列与Proxy类似的方法，用于对对象的操作进行反射，以实现与Proxy类似的功能。Reflect对象的方法包括：

Reflect.get()方法 ：用于获取对象的属性值。
Reflect.set()方法 ：用于设置对象的属性值。
Reflect.apply()方法 ：用于调用函数。
Reflect.construct()方法 ：用于构造对象。
Reflect.getOwnPropertyDescriptor()方法 ：获取对象的属性描述符。
Reflect.defineProperty()方法 ：设置对象的属性描述符。
Reflect.deleteProperty()方法 ：删除对象的属性。
Reflect.enumerate()方法 ：返回对象的属性名迭代器。
Reflect.keys()方法 ：返回对象的属性名数组。
Reflect.isExtensible()方法 ：检查对象是否可扩展。
Reflect.preventExtensions()方法 ：禁止对象扩展。
Reflect.seal()方法 ：密封对象。
Reflect.freeze()方法 ：冻结对象。

Reflect对象与Proxy对象的区别在于，Proxy对象是一种“拦截器”，而Reflect对象是一种“反射器”。Proxy对象可以拦截对目标对象的各种操作，并对这些操作进行自定义的处理。而Reflect对象则提供了一系列与Proxy类似的方法，用于对对象的操作进行反射，以实现与Proxy类似的功能。

在实际开发中，我们可以根据不同的需求，选择使用Proxy对象或Reflect对象来实现对对象操作的拦截和修改。