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

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

怎么用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中的类”有了更深的了解，不妨来实际操作一番吧！这里是创新互联建站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！