Watch Object Changes with Proxy API

onChange.js

'use strict';

function onChange(object, onChange) {
	const handler = {
		get(target, property, receiver) {
			try {
				return new Proxy(target[property], handler);
			} catch (err) {
				return Reflect.get(target, property, receiver);
			}
		},
		defineProperty(target, property, descriptor) {
			onChange();
			return Reflect.defineProperty(target, property, descriptor);
		},
		deleteProperty(target, property) {
			onChange();
			return Reflect.deleteProperty(target, property);
		}
	};

	return new Proxy(object, handler);
};

let x = {
    a: 1
};

let y = onChange(x, () => console.log(x)); //{a: 1}

y.a = 2

console.log(x.a) //a == 2