复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30// 处理器对象 const baseHandler = { // 陷阱函数，读取属性值时触发 // 参数target是目标对象 // 参数property是要获取的属性名 // 参数receiver是Proxy对象或者继承Proxy的对象 get(target, property, receiver){ console.log("获取值"); }, // 陷阱函数，写入属性值时触发 // 参数value是新的属性值 set(target, property, value, receiver){ console.log("设置值"); }, // 陷阱函数，删除属性时触发 deleteProperty(target, property){ console.log("删除属性"); } } // 目标对象 const target = {name: '张三'}; // 为目标对象创建代理对象 const proxy = new Proxy(target, baseHandler); // 读取属性值 proxy.name; // 设置属性值 proxy.name = '李四'; // 删除属性 delete proxy.name;
Proxy
Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。
const p = new Proxy(target, handler)
参数
target
要使用 Proxy 包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。
handler
一个通常以函数作为属性的对象，各属性中的函数分别定义了在执行各种操作时代理 p 的行为。
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy
最后
以上就是多情往事最近收集整理的关于proxy为什么要有代理对象的全部内容，更多相关proxy为什么要有代理对象内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复