js高阶-监听对象的操作

最新推荐文章于 2025-03-31 18:16:40 发布

摇光93

最新推荐文章于 2025-03-31 18:16:40 发布

阅读量603

点赞数 6

分类专栏： js高阶文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/qq_73270720/article/details/145248128

版权

控制与监听对象的行为

需求:监听对象中的属性设置与访问的过程

Object.defineProperty()

缺点
设计初衷是设置属性描述符,监听更加丰富的操作比如新增属性,删除操作是无能为力的

// 1.监听对象的某个属性的操作

Object.defineProperty(obj,'name',{
   

    set:function(val){
   

        console.log("设置值",val);

        this._name=val //使用一个属性来存值

    },

    get:function(){
   

        console.log("获取值");

        return this._name

    }

})

//2.监听某个对象的所有属性操作

Object.keys(obj).forEach((key)&#