Vue学习笔记（六）回顾Object.defineproperty方法

Vincy.Zhang

于 2022-11-17 09:31:39 发布

阅读量260

点赞数

分类专栏： Vue 文章标签： vue.js 前端

本文链接：https://blog.csdn.net/weixin_43041350/article/details/127897664

版权

Vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

Vue学习笔记（六）回顾Object.defineproperty方法

<body>
    <script>
        let number = 18;
        let person = {
            name:'张三',
            sex:'男',
        }
        Object.defineProperty(person,'age',{
            // value:18,
            // enumerable:true, //控制属性是否可以枚举,默认值是false
            // writable:true,   //控制属性是否可以修改，默认值是false
            // configurable:true,   //控制属性是否可以被删除，默认值是false

            // 当有人读取person的age属性时，get函数就会被调用，且返回值就是age的值
            get:function(){
                console.log('有人读取了age属性了')
                return number;
            },

            // 当有人修改person的age属性时，set函数就会被调用，且会收到修改的值
            set(value){
                console.log('有人修改了age属性，且值是30');
                number = value;
            }
        })
        // console.log(Object.keys(person));
        console.log(person);
    </script>
</body>