Proxy & Reflection

JavaScript

调用 new Proxy() 可创建代替其他目标（target）对象的代理，Proxy 对象中可以添加陷阱方法拦截对于目标对象的各种操作并转发到目标对象上。

不同的陷阱具有不同的参数，set 陷阱的定义接受四个参数：

• trapTarget: 用于接收操作的对象（代理的目标）。
• key: 写入的属性键。
• value: 写入的值。
• receiver: 操作发生的对象（代理）。

Reflect 的同名方法用于将操作转发到代理目标。

let proxy = new Proxy(target, {
    set(trapTarget, key, value, receiver) {
        // ...
        return Reflect.set(trapTarget, key, value, receiver);
    }
});

Proxy 支持以下拦截操作

• get(target, propKey, receiver)
• set(target, propKey, value, receiver)
• has(target, propKey): 拦截 propKey in proxy 操作
• deleteProperty(target, propKey)
• ownKeys(target): 拦截 Object.getOwnPropertyNames(proxy) 操作
• getOwnPropertyDescriptor(target, propKey): 拦截 Object.getOwnPropertyDescriptor(proxy, propKey) 操作
• defineProperty(target, propKey, propDesc): 拦截 Object.defineProperty(proxy, propKey, propDesc) 操作
• preventExtensions(target): 拦截 Object.preventExtensions(proxy) 操作
• getPrototypeOf(target): 拦截 Object.getPrototypeOf(proxy) 操作
• isExtensible(target): 拦截 Object.isExtensible(proxy) 操作
• setPrototypeOf(target, proto): 拦截 Object.setPrototypeOf(proxy, proto) 操作
• apply(target, object, args): 拦截 proxy 作为函数调用的操作
• construct(target, args): 拦截 proxy 作为构造函数调用的操作