数据代理:通过一个对象代理对另一个对象中属性的操作(读 / 写)
通过Object.defineProperty()方法
let obj = {
x: 100
}
let obj2 = {
y: 200
}
Object.defineProperty(obj2, 'x', {
get() {
return obj.x
},
set(value) {
obj.x = value
}
})
get函数(getter)
set函数(setter)
let number = 18
let person = {
name: '张三',
sex: '男',
}
Object.defineProperty(person, 'age', {
// value:18,
// 通过Object.defineProperty 给person对象添加一个‘age’属性
// enumerable:true, //控制属性是否可以枚举,默认值是false
// writable:true, //控制属性是否可以被修改,默认值是false
// configurable:true //控制属性是否可以被删除,默认值是false
//当有人读取person的age属性时,get函数(getter)就会被调用,且返回值就是age的值
get() {
console.log('有人读取age属性了')
return number
},
//当有人修改person的age属性时,set函数(setter)就会被调用,且会收到修改的具体值
set(value) {
// value就是你修改的值 你自己输入的值
console.log('有人修改了age属性,且值是', value)
number = value
}
})
console.log(Object.keys(person))
console.log(Object.values(person))
console.log(person)