<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>回顾Object.defineProperty方法</title>
</head>
<body>
<script type="text/javascript">
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函数(getter)就会被调用,且返回值就是age
get:function(){
return number
},
//当有人修改person的age属性时,set函数(setter)就会被调用,且会收到修改的具体值
set(value){
console.log('有人修改了age属性,且值是',value)
number=value
}
})
// console.log(Object.keys(person))
console.log(person)
// for(let key in person){
// console.log(person[key])遍历属性
// }
</script>
</body>
</html>
vue学习笔记(6)——Object.defineProperty
最新推荐文章于 2024-06-19 15:46:35 发布