前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >proxy 的认识

proxy 的认识

作者头像
前端老鸟
发布2019-08-26 10:55:56
4670
发布2019-08-26 10:55:56
举报
文章被收录于专栏:front-end technologyfront-end technology

  Proxy 用于修改某些操作的默认行为,也可以了解成是在目标对象之前假设的一层拦截,或者是对原生 Object 方法的封装;通过 Proxy 的设置,外部所有的访问都必须先通过这一层拦截,因此可以通过这个对外部的访问进行过滤和修改。

  Proxy 支持的拦截的操作方法一共有 13 中:

    1)、get(target,propKey,receiver):拦截对象属性额读取,比如 proxy.foo 或者 proxy['foo'];

    2)、set(target,propKey,value,receiver):拦截对象属性的设置,比如 proxy.foo = 1,返回一个布尔值;

    3)、has(target,propKey):拦截 propKey in proxy 的操作,返回一个布尔值;

    4)、deleteProperty(target,propKey):拦截 delete proxy[propKey] 的操作,返回一个布尔值;

    5)、ownKeys(target):拦截 Object.getOwnPropertyName(proxy)、Object.getOwnPropertySymbols(proxy)、Object.keys(proxy)、for...in 循环,返回一个数组;该方法返回目标对象所有自身的属性的属性名,而 Object.keys() 的返回结果仅包括目标对象自身的可遍历属性;

    6)、getOwnPropertyDescriptor(target, propKey):拦截 Object.getOwnPropertyDescriptor(proxy, propKey),返回属性的描述对象;

    7)、defineProperty(target,propKey,propDesc):拦截 Object.defineProperty(proxy,propKey,propDesc)、Object.defineProperties(proxy,propDescs),返回一个布尔值;

    8)、preventExtensions(target):拦截 Object.preventExtensions(proxy),返回一个布尔值;

    9)、isExtensible(target):拦截 Object.isExtensible(proxy),返回一个布尔值;

    10)、setPrototypeOf(target,proto):拦截 Object.setPrototyOf(proxy,proto),返回一个布尔值;如果目标对象是函数,那么还有两种额外操作可以拦截;

    11)、getPrototypeOf(target):拦截 Object.getPrototypeOf(proxy),返回一个布尔值;

    12)、apply(target,object,args):拦截 Proxy 实例作为函数调用的操作,比如 proxy(...args)、proxy.call(object, ...args)、proxy.apply(...);

    13)、construct(target,args):拦截 proxy 实例作为构造函数调用的操作,比如 new Proxy(...args);

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019年08月24日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档