Vue技术6.1回顾Object.defineproperty方法

最新推荐文章于 2024-08-07 16:55:16 发布

yitahutu79

最新推荐文章于 2024-08-07 16:55:16 发布

阅读量77

点赞数

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

本文链接：https://blog.csdn.net/qq_40713201/article/details/126140544

版权

前端专栏收录该内容

51 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <mata charset="UTF-8" />
        <title>回顾Object.defineproperty方法</title>
    </head>
    <body>
        <script type="text/javascript">
            let number = 20
            let person = {
                name:'张三',
                sex:'男',
            }
            Object.defineProperty(person,'age',{
                //value:18,
                //enumerable:true,//控制属性是否可以枚举，默认false
                //writable:true,//控制属性是否可以被修改，默认false
                //configurable:true,//控制属性是否可以被删除，默认false
                
                //当有人读取person的age属性时，get函数（getter）就会被调用，且返回值就是age的值
                get:function(){
                    console.log('有人读取age属性了')
                    return number
                },
                set(value){
                    console.log('有人修改了age属性，且值是',value)
                    number = value
                }
            })
           // console.log(Object.keys(person))
            console.log(person)
        </script>
    </body>
</html>

yitahutu79

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Vue技术6.1回顾Object.defineproperty方法

/当有人读取person的age属性时，get函数（getter）就会被调用，且返回值就是age的值。//configurable:true,//控制属性是否可以被删除，默认false。//enumerable:true,//控制属性是否可以枚举，默认false。//writable:true,//控制属性是否可以被修改，默认false。'有人修改了age属性，且值是''有人读取age属性了'...
复制链接

扫一扫