如何用Proxy来代理Js中的类-创新互联

本篇内容主要讲解“如何用Proxy来代理Js中的类”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何用Proxy来代理Js中的类”吧!

成都网站建设哪家好,找创新互联建站!专注于网页设计、网站建设公司、微信开发、微信小程序、集团成都定制网页设计等服务项目。核心团队均拥有互联网行业多年经验,服务众多知名企业客户;涵盖的客户类型包括:PVC花箱等众多领域,积累了大量丰富的经验,同时也获得了客户的一致赞美!

怎么用Proxy代理

正如MDN上简单而枯燥的定义:

Proxy对象用于定义基本操作的自定义行为(如属性查找,赋值,枚举,函数调用等)。

虽然这是一个不错的总结,但是我却并没有从中搞清楚Proxy能做什么,以及它能帮我们实现什么。

首先,Proxy的概念来源于元编程。简单的说,元编程是允许我们运行我们编写的应用程序(或核心)代码的代码。例如,臭名昭著的eval函数允许我们将字符串代码当做可执行代码来执行,它是就属于元编程领域。

ProxyAPI允许我们在对象和其消费实体中创建中间层,这种特性为我们提供了控制该对象的能力,比如可以决定怎样去进行它的get和set,甚至可以自定义当访问这个对象上不存在的属性的时候我们可以做些什么。

怎么用代理Proxy的API

varp=newProxy(target,handler);

Proxy构造函数获取一个target对象,和一个用来拦截target对象不同行为的handler对象。你可以设置下面这些拦截项:

has— 拦截in操作。比如,你可以用它来隐藏对象上某些属性。

get— 用来拦截读取操作。比如当试图读取不存在的属性时,你可以用它来返回默认值。

set—用来拦截赋值操作。比如给属性赋值的时候你可以增加验证的逻辑,如果验证不通过可以抛出错误。

apply—用来拦截函数调用操作。比如,你可以把所有的函数调用都包裹在try/catch语句块中。

这只是一部分拦截项,你可以在MDN上找到完整的列表。

到此,相信大家对“如何用Proxy来代理Js中的类”有了更深的了解,不妨来实际操作一番吧!这里是创新互联建站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


文章标题:如何用Proxy来代理Js中的类-创新互联
本文链接:http://pwwzsj.com/article/eggso.html