Json Monitor

介绍

Json Monitor 是一个通过JS端监控Json对象或数组属性变化的工具，可对数据的增、删、改进行实时回调监控。

软件架构

Json Monitor采用ES6代码开发，通过拦截原始对象中各属性的set方法来监控数据变化。

安装教程

npm i json-monitor

使用说明

import JsonMonitor from 'json-monitor'

// 测试数据
let json = {
    testObj: 11,
    testArr: [11,22,33]
}

// 声明JsonMonitor对象并注册监听方法
let jm =  new JsonMonitor(
    json,
    (target,key,newVal) => {
        console.log('添加属性',JSON.stringify(target),key,newVal)
    },
    (target,key,val)=>{
        console.log('删除属性',target,key,val)
    },
    (target,key,oldVal,newVal) => {
        console.log('属性改变',JSON.stringify(target),key,oldVal,newVal)
    });
// 获取代理Json
let proxyJson  = jm.proxyJson;
// 修改数据
proxyJson.testObj = 22;
proxyJson.testArr[1] = 44;