如何深入理解JavaScript中的Proxy和Reflection API的原理与应用？

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

一、创建Proxy并设置目标对象

javascriptlet target={};let proxy=new Proxy(target, {});proxy.name=proxy;console.log(proxy.name); // 输出：proxy

// 直接访问target对象console.log(target.name); // 输出：undefined

target.name=target;console.log(proxy.name); // 输出：targetconsole.log(target.name); // 输出：target

一、创建 Proxy

let target = {} let proxy = new Proxy(target, {}) proxy.name = "proxy" console.log(proxy.name) // proxy console.log(target.name) // proxy target.name = "target" console.log(proxy.name) // target console.log(target.name) // target

在上面的例子中，由 Proxy 构造器创建的 proxy 对象会将自身的所有操作直接转发给 target。
当 proxy.name 被赋值为 "proxy" 时，target 对象也会创建 name 属性并获得同样的值。