数据拦截 Object.defineProperty

最新推荐文章于 2025-02-14 16:51:55 发布

Drizzlejj

最新推荐文章于 2025-02-14 16:51:55 发布

阅读量433

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js typescript 前端

本文链接：https://blog.youkuaiyun.com/Drizzlejj/article/details/123136290

本文介绍了如何使用Object.defineProperty在JavaScript中为对象obj的name属性设置get和set方法，展示了如何触发获取值和修改值的过程。

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

const obj = {
    name:'猴子',
    age:'10',
    info:{
        skill:'72变',
        sex:'male'
    }
}

取值：触发 get () 方法

Object.defineProperty(obj,'name',{
    enumerable:true, // 当前属性允许被循环
    configurable:true, // 当前属性允许被配置
    get(){
        console.log('获取了 obj.name 的值')
        return '铁扇'
    },
    set(newVal){
        console.log('obj.name 被修改了',newVal)
    }
})

console.log(obj.name)

修改值：触发 set () 方法

Object.defineProperty(obj,'name',{
    enumerable:true, // 当前属性允许被循环
    configurable:true, // 当前属性允许被配置
    get(){
        console.log('获取了 obj.name 的值')
        return '铁扇'
    },
    set(newVal){
        console.log('obj.name 被修改了',newVal)
    }
})

obj.name = '行者孙'