Using Proxy API to detect a change in an object and calling a function after the update.

onChange-proxy.js

function onChange(data, callback) {
  return new Proxy(data, {
    set(target, prop, value) {
      target[prop] = value;
      callback(target, value);
      return true;
    }
  });
}

const target = {
  message1: "hello",
  message2: "everyone",
};

const proxy = onChange(target, (target, value) => {
  console.log(target, value);
})

proxy.message1 = 2