《JavaScript高级程序设计》读书笔记 35 - 代理捕获器、反射方法以及代理模式
感谢点赞、关注和收藏！
上一篇基础代理，这一篇继续深入代理相关知识
代理捕获器与反射方法
代理可以捕获 13 种不同的基本操作。这些操作有各自不同的反射 API 方法、参数、关联ECMAScript 操作和不变式。对于在代理对象上执行的任何一种操作，只会有一个捕获处理程序被调用。不会存在重复捕获的情况。
get()
get()捕获器会在获取属性值的操作中被调用。对应的反射 API 方法为 Reflect.get()。
const myTarget = {};
const proxy = new Proxy(myTarget, {get(target, property, receiver) {console.log("get()");return Reflect.get(...arguments);},
});
proxy.foo;
// get() 1. 返回值
返回值无限制。
2. 拦截的操作
- proxy.property
- proxy[property]
- Object.create(proxy)[property]
- Reflect.get(proxy, property, receiver)
3. 捕获器处理程序参数
target：目标对象。
property：引用的目标对象上的字符串键属性（严格来讲，property 参数除了字符串键，也可能是符号（symbol）键）。
receiver：代理对象或继承代理对象的对象。
4. 捕获器不变式
如果 target.property 不可写且不可配置，则处理程序返回的值必须与 target.property 匹配。
如果 target.property 不可配置且[[Get]]特性为 undefined，处理程序的返回值也必须是 undefined。
set()
set()捕获器会在设置属性值的操作中被调用。对应的反射 API 方法为 Reflect.set()。
const myTarget = {};
const proxy = new Proxy(myTarget, {set(target, property, value, receiver) {console.log("set()");return Reflect.set(...arguments);},
});
proxy.foo = "bar";
// set()
1. 返回值
返回 true 表示成功；返回 false 表示失败，严格模式下会抛出 TypeError。
2. 拦截的操作
- proxy.property = value
- proxy[property] = value
- Object.create(proxy)[property] = value
- Reflect.set(proxy, property, value, receiver)
3. 捕获器处理程序参数
- target：目标对象。
- property：引用的目标对象上的字符串键属性。
- value：要赋给属性的值。
- receiver：接收最初赋值的对象。
4. 捕获器不变式
如果 target.property 不可写且不可配置，则不能修改目标属性的值。
如果 target.property 不可配置且[[Set]]特性为 undefined，则不能修改目标属性的值。
在严格模式下，处理程序中返回 false 会抛出 TypeError。
has()
has()捕获器会在 in 操作符中被调用。对应的反射 API 方法为 Reflect.has() 。
const myTarget = {};
const proxy = new Proxy(myTarget, {has(target, property) {console.log("has()");return Reflect.has(...arguments);},
});
"foo" in proxy;
// has() 1. 返回值
has()必须返回布尔值，表示属性是否存在。返回非布尔值会被转型为布尔值。
2. 拦截的操作
- property in proxy
- property in Object.create(proxy)
- with(proxy) {(property);}
- Reflect.has(proxy, property)
3. 捕获器处理程序参数
- target：目标对象。
- property：引用的目标对象上的字符串键属性。
4. 捕获器不变式
如果 target.property 存在且不可配置，则处理程序必须返回 true。
如果 target.property 存在且目标对象不可扩展，则处理程序必须返回 true。
defineProperty()
defineProperty()捕获器会在 Object.defineProperty()中被调用。对应的反射 API 方法为Reflect.defineProperty()。
const myTarget = {};
const proxy = new Proxy(myTarget, {defineProperty(target, property, descriptor) {console.log("defineProperty()");return Reflect.defineProperty(...arguments);},
});
Object.defineProperty(proxy, "foo", { value: "bar" });
// defineProperty()
1. 返回值
defineProperty()必须返回布尔值，表示属性是否成功定义。返回非布尔值会被转型为布尔值。