ES6 中的 Proxy 以及用Proxy封装一个供全宇宙使用的数据请求api

原创

于 2019-04-04 20:24:14 发布 · 2.3k 阅读

CC 4.0 BY-SA版权

ES6的Proxy特性提供了一种控制外部访问对象的新方式。通过Proxy，可以实现对象的虚拟属性、私有变量以及数据校验。本文介绍了如何使用Proxy创建一个代理对象，用于在读取和设置属性时进行日志记录、私有属性保护和数据验证，进一步封装成通用的数据请求API，以提高代码的灵活性和可维护性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Proxy(代理) 是 ES6 中新增的一个特性。Proxy 让我们能够以简洁易懂的方式控制外部对对象的访问。其功能非常类似于设计模式中的代理模式。
使用 Proxy 的好处是：对象只需关注于核心逻辑，一些非核心的逻辑（如：读取或设置对象的某些属性前记录日志；设置对象的某些属性值前，需要验证；某些属性的访问控制等）可以让 Proxy 来做。从而达到关注点分离，降级对象复杂度的目的。

使用方法

var p = new Proxy(target, handler);

其中，target 为被代理对象。handler 是一个对象，其声明了代理 target 的一些操作。p 是代理后的对象。

当外界每次对 p 进行操作时，就会执行 handler 对象上的一些方法。handler 能代理的一些常用的方法如下：

方法	描述
handler.get()	拦截读取属性的操作
handler.set()	拦截设置属性值的操作
handler.apply()	拦截 Proxy 实例作为函数调用的操作
handler.construct()	拦截 Proxy 实例作为函数调用的操作