欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ECMAScript 6 —— 知识点(九) Proxy 和 Reflect

程序员文章站 2022-06-13 15:53:59
...
var obj = new Proxy({},{
    get:function(target,key,receiver){
        console.log(`getting ${key}`);
        return Reflect.get(target,key,receiver);
    },
    set:function(target,key,value,receiver){
        console.log(`setting ${key}`);
        return Reflect.set(target,key,value,receiver);
    }
});

obj.count = 1;
++obj.count;

Proxy 拦截器支持的拦截操作
1. get(target,propKey,receiver):拦截对象属性的读取,返回
2. set(target,propKey,value,receiver):拦截对象属性的设置,返回布尔值
3. has(target,propKey):拦截 propKey in proxy ,返回一个布尔值
4. deleteProperty(target,propKey):拦截 delete proxy[propKey],返回一个布尔值
5. enumerate(target) :拦截 for(var x in proxy),返回一个遍历器
6. ownKeys(target):拦截 Object.getOwnPropertyNames(proxy),返回一个数组
7. getOwnPropertyDescriptior(target,propKey):拦截 Object.getOwnPropertyDescriptor(proxy,propKey):返回属性描述的对象
8. defineProperty(target,propKey,propDesc):拦截 Object.defineProperty(proxy,propKey,propDesc),Object.defineProperties(proxy,propDesc),返回已布尔值
9. preventExtensions(target):拦截 Object.preventExtensions(proxy),返回布尔值
10. getPrototypeOf(target):拦截 Object.getPrototypeOf(target),返回一个对象
11. isExtensible(target):拦截 Object.isEntensible(proxy),返回一个布尔值
12. setPrototypeOf(target,proto):拦截 Object.setPrototypeOf(proxy,proto),返回一个布尔值
13. apply(target,object,args):拦截 Proxy 实例作为函数调用的操作
14. construct(target,args,proxy):拦截 Proxy 实例作为构造函数调用的操作

相关标签: ES6