JavaScript Proxy基本知识梳理( 三 ) _JavaScript

文章插图

上面代码中， obj.foo属性不可写， Proxy 对这个属性的set代理将不会生效。
注意，严格模式下， set代理如果没有返回true ，就会报错。

文章插图

上面代码中，严格模式下， set代理返回false或者undefined ，都会报错。
Apply()
apply方法拦截函数的调用、call和apply操作。
apply方法可以接受三个参数，分别是目标对象、目标对象的上下文对象（this）和目标对象的参数数组。

文章插图

下面是一个例子。

文章插图

上面代码中，变量p是 Proxy 的实例，当它作为函数调用时（p()），就会被apply方法拦截，返回一个字符串。
下面是另外一个例子。

文章插图

上面代码中，每当执行proxy函数（直接调用或call和apply调用），就会被apply方法拦截。
另外，直接调用Reflect.apply方法，也会被拦截。

文章插图

has()
has方法用来拦截HasProperty操作，即判断对象是否具有某个属性时，这个方法会生效。典型的操作就是in运算符。
has方法可以接受两个参数，分别是目标对象、需查询的属性名。
下面的例子使用has方法隐藏某些属性，不被in运算符发现。

文章插图

上面代码中，如果原对象的属性名的第一个字符是下划线， proxy.has就会返回false ，从而不会被in运算符发现。
如果原对象不可配置或者禁止扩展，这时has拦截会报错。

文章插图

上面代码中， obj对象禁止扩展，结果使用has拦截就会报错。也就是说，如果某个属性不可配置（或者目标对象不可扩展），则has方法就不得“隐藏”（即返回false）目标对象的该属性。
值得注意的是， has方法拦截的是HasProperty操作，而不是HasOwnProperty操作，即has方法不判断一个属性是对象自身的属性，还是继承的属性。
另外，虽然for...in循环也用到了in运算符，但是has拦截对for...in循环不生效。