ES6中的Proxy（代理）如何实现深入浅析，构建高效编程技巧？

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

创建一个简单的Proxy对象，并尝试修改其target属性：

javascript创建一个简单的Proxy对象，并尝试修改其target属性：

let target={};let proxy=new Proxy(target, {});

proxy.name='Proxy';console.log(proxy.name); // 输出: Proxyconsole.log(target.name); // 输出: undefined

target.name='Target';console.log(proxy.name); // 输出: Proxyconsole.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.name属性时会在目标上创建name,代理只是简单的将操作转发给目标，他不会储存这个属性。相当于proxy.name和target.name引用的都是target.name的值。