前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Js篇-面试题16-如何监控 js 对象属性的变化?

Js篇-面试题16-如何监控 js 对象属性的变化?

作者头像
itclanCoder
发布2020-10-28 17:07:25
2.5K0
发布2020-10-28 17:07:25
举报
文章被收录于专栏:itclanCoder

如何监控 js 对象属性的变化?

  • 方式 1:通过Object.defineProperty()来监听
代码语言:javascript
复制
var obj = {
  name: 'itclanCoder',
  phone: 13711767328,
};

Object.defineProperty(obj, 'phone', {
  configurable: true, // 属性可配置
  set: function (v) {
    console.log('phone发生了变化');
    this.phone = v;
  },

  get: function () {
    return this.phone;
  },
});
obj.phone = 15213467443;

要想监听属性的变化,首先需要通过Object.defineProperty()为需要监听的属性设置一个代理,通过代理的值,触发setget的方法 在这个方法中编写自己想要的逻辑操作

  • 方法 2-使用 proxy 代理实现
代码语言:javascript
复制
var obj = {
  name: 'itclanCoder',
  phone: 13711767328,
};

var handler = {
  set: function (target, name, value) {
    console.log('phone发生了变化');
    // 改变被代理对象的值,使之保持一致
    target[name] = value;
  },
};

var proxy = new Proxy(obj, handler);
proxy.phone = 1371123765;

上面执行完后,会更新 phone 的值

如果您有问题,欢迎评论下方一起讨论~

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-10-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 itclanCoder 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 如何监控 js 对象属性的变化?
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档