Object原生监听对象变化，类似ES6的proxy代理

最新推荐文章于 2022-11-15 20:00:00 发布

大吕十六不见长安

最新推荐文章于 2022-11-15 20:00:00 发布

阅读量326

点赞数

分类专栏：前端 javascript vue 文章标签： vue js javascript

本文链接：https://blog.csdn.net/qq_43305958/article/details/108551263

版权

前端同时被 3 个专栏收录

92 篇文章 2 订阅

订阅专栏

javascript

53 篇文章 0 订阅

订阅专栏

vue

25 篇文章 0 订阅

订阅专栏

Object原生监听对象变化，类似ES6的proxy代理

一、监听对象变化
二、使用步骤
总结

一、监听对象变化

数据驱动视图的关键点则在于我们如何知道数据发生了变化
JS的Object.defineProperty方法

二、使用步骤

// defineProperty第一个参数是对象，第二个参数是访问对象属性名，第三个参数是get和set操作
let car = {}
let val = 3000
Object.defineProperty(car, 'price', {
  enumerable: true,
  configurable: true,
  get(){
    console.log('price属性被读取了')
    return val
  },
  set(newVal){
    console.log('price属性被修改了')
    val = newVal
  }
})