defineProperty的特性

defineProperty的特性

---

defineProperty作用：

• 拦截对象中某一个指定属性的调用和变换

基础格式：

• Object,defineProperty(obj, key, {get(){},set(){}});
• 参数一：拦截的对象
• 参数二：指定对象的属性名
• 参数三：方法中get调用时触发 set赋值时触发

代码：

let obj = {
    name: 'TZOF',
    age: 23,
    msg: 'you think'
}
Object.defineProperty(obj, 'name', {
    get(){
        console.log('调用时进入get');
    },
    set(){
        console.log('赋值时进入set');
    }
})
obj.name = '123';
obj.test = obj.name;

输出：

赋值时进入set
调用时进入get

问题和不足：

1. 对不存在的属性无法拦截（所以 Vue 2 中所有数据必须要在 data 里声明）