ES6 Proxy如何实现深入浅出的理解与应用？

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

创建一个简单的Proxy示例：

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

proxy.name=Proxy Object;console.log(proxy.name); // 输出: Proxy Objectconsole.log(target.name); // 输出: Proxy Object

target.name=Target Object;console.log(proxy.name); // 输出: Target Objectconsole.log(target.name); // 输出: Target Object

创建一个简单的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的值。