Object.defineProperty的使用

3 篇文章 0 订阅
本文详细介绍了JavaScript中的Object.defineProperty方法,展示了如何通过get和set拦截对象属性的读取和修改。通过实例代码,解释了该方法在数据劫持和访问控制中的应用,为理解和使用JavaScript对象属性提供了深入理解。
摘要由CSDN通过智能技术生成

Object.defineProperty的使用

代码:

		//模拟代理
		let obj = {}
        let data = {msg:'Hello World'}
        Object.defineProperty(obj,'msg',{
            get(){
                //获取obj的msg这个属性的时候,会被get方法劫持
                return data.msg
            },
            set(val){
                //对obj的msg这个属性修改的时候,会被set方法劫持,通过val(变量名自己命名)来获取
                data.msg = val
            }
        })
        console.log(obj.msg) //Hello World
        data.msg = 'heihei'
        console.log(obj.msg) //heihei
        obj.msg = 'hello'
        console.log(data.msg) //heLlo
Object.defineProperty的作用

对一个数据进行添加和修改属性,并且返回这个对象

参数1:绑定的对象

参数2:需要添加或修改的属性

参数3:目标所拥有的特性

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值