如何通过ES6的代理与反射机制彻底颠覆JavaScript内置行为？

本文共计4065个文字，预计阅读时间需要17分钟。

代理（Proxy）可以拦截并修改JS引擎的底层操作，如数据读取、属性定义、函数构造等一整套操作。ES6通过代理这些底层内置对象，实现代理陷阱和反射函数，让开发者更接近JS引擎。

代理（Proxy）可以拦截并改变 JS 引擎的底层操作，如数据读取、属性定义、函数构造等一系列操作。ES6 通过对这些底层内置对象的代理陷阱和反射函数，让开发者能进一步接近 JS 引擎的能力。

一、代理与反射的基本概念

什么是代理和反射呢？

代理是用来替代另一个对象（target），JS 通过new Proxy()创建一个目标对象的代理，该代理与该目标对象表面上可以被当作同一个对象来对待。

当目标对象上的进行一些特定的底层操作时，代理允许你拦截这些操作并且覆写它，而这原本只是 JS 引擎的内部能力。

如果你对些代理&反射的概念比较困惑的话，可以直接看后面的应用示例，最后再重新看这些定义就会更清晰！

拦截行为使用了一个能够响应特定操作的函数（ 被称为陷阱），每个代理陷阱对应一个反射（Reflect）方法。

ES6 的反射 API 以 Reflect 对象的形式出现，对象每个方法都与对应的陷阱函数同名，并且接收的参数也与之一致。