proxy的特性

本文详细介绍了JavaScript中的Proxy对象,展示了如何通过Proxy拦截对象属性的读取和赋值操作。通过实例代码,解释了Proxy的基本使用方式,包括get和set方法的触发情况。在示例中,当尝试访问或修改对象属性时,会触发相应的拦截处理,提供了一种对对象行为进行控制的手段。

proxy的特性


proxy作用:

  • 拦截对象中某一个所有属性的调用和变换

基础格式:

  • new Proxy(obj, {get(){},set(){}});
  • 参数一:拦截的对象
  • 参数二:方法中get调用时触发 set赋值时触发

代码:

let obj = {
    name: 'TZOF',
    age: 23,
    msg: 'you think'
}
obj = new Proxy(obj, {
    get() {
        console.log('调用时进入get');
    },
    set() {
        console.log('赋值时进入set');
    }
})
obj.name = '123';
obj.test = obj.name;

输出:

赋值时进入set
调用时进入get
赋值时进入set
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TZOF_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值