js-ES6学习笔记-Proxy(2)
1、has
方法用来拦截HasProperty
操作,即判断对象是否具有某个属性时,这个方法会生效。典型的操作就是in
运算符。
var handler = { has (target, key) { if (key[0] === '_') { return false; } return key in target; } }; var target = { _prop: 'foo', prop: 'foo' }; var proxy = new Proxy(target, handler); '_prop' in proxy // false
上面代码中,如果原对象的属性名的第一个字符是下划线,proxy.has
就会返回false
,从而不会被in
运算符发现。
2、如果原对象不可配置或者禁止扩展,这时has
拦截会报错。也就是说,如果某个属性不可配置(或者目标对象不可扩展),则has
方法就不得“隐藏”(即返回false
)目标对象的该属性。
3、has
方法拦截的是HasProperty
操作,而不是HasOwnProperty
操作,即has
方法不判断一个属性是对象自身的属性,还是继承的属性。另外,虽然for...in
循环也用到了in
运算符,但是has
拦截对for...in
循环不生效。
4、construct
方法用于拦截new
命令,下面是拦截对象的写法。
var handler = { construct (target, args, newTarget) { return new target(...args); } };
construct
方法返回的必须是一个对象,否则会报错。
5、deleteProperty
方法用于拦截delete
操作,如果这个方法抛出错误或者返回false
,当前属性就无法被delete
命令删除。
6、defineProperty
方法拦截了Object.defineProperty
操作。
7、getOwnPropertyDescriptor
方法拦截Object.getOwnPropertyDescriptor
,返回一个属性描述对象或者undefined
。
8、getPrototypeOf
方法主要用来拦截Object.getPrototypeOf()
运算符,以及其他一些操作。
Object.prototype.__proto__
Object.prototype.isPrototypeOf()
Object.getPrototypeOf()
Reflect.getPrototypeOf()
instanceof
运算符
getPrototypeOf
方法的返回值必须是对象或者null
,否则报错。另外,如果目标对象不可扩展(extensible), getPrototypeOf
方法必须返回目标对象的原型对象。
9、虽然 Proxy 可以代理针对目标对象的访问,但它不是目标对象的透明代理,即不做任何拦截的情况下,也无法保证与目标对象的行为一致。主要原因就是在 Proxy 代理的情况下,目标对象内部的this
关键字会指向 Proxy 代理。