proxy为什么要有代理对象

最新推荐文章于 2024-09-25 09:00:00 发布

hamimelon2020

最新推荐文章于 2024-09-25 09:00:00 发布

阅读量439

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript vue 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_40945354/article/details/120121470

vue 同时被 2 个专栏收录

722 篇文章

订阅专栏

JavaScript

628 篇文章

订阅专栏

Proxy对象在JavaScript中用于创建目标对象的代理，实现对基本操作的自定义拦截，如属性访问、赋值、枚举及函数调用。通过new Proxy(target, handler)创建，其中target是待包装的目标对象，handler包含各种操作对应的处理函数。" 117573118,9596040,Java虚拟机栈详解,"['java', 'jvm', '栈帧', '局部变量', '内存管理']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 处理器对象
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;