vue从入门到精通(六):数据代理
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>方法</title>
</head>
<body>
</body>
<script type="text/javascript">
let person = {
name:'张三',
sex:'男'
}
//对对象追加属性
Object.defineProperty(person,'age',{
value:18,
// enumerable:true,//控制属性是否可以枚举 默认flase
// writeable:true,//控制属性是否可以被修改,默认false
// configurable:true,//控制属性是否可以被删除,默认false
//当有人读取person的age属性时,get函数(getter)就会被调用,且返回值就是age的值
get:function(){
return 'aaa'
},
//当有人修改person的age属性时,set函数(setter)就会被调用,且收到修改的具体值
set:function(value){
console.log(value)
}
})
console.log(Object.keys(person))
console.log(person)
</script>
</html>