0
点赞
收藏
分享

微信扫一扫

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 里声明)
  2. 无法拦截属性值为数组或对象时不重新赋值的情况下发生的改变
举报

相关推荐

0 条评论