侦听JavaScript中的变量值更改

const handler = {
  set(target, prop, value) {
    console.log(`变量 ${prop} 被设置为 ${value}`);
    target[prop] = value;
    return true;
  }
};

const person = new Proxy({}, handler);

person.name = 'Alice'; // 输出: 变量 name 被设置为 Alice

let value = 0;

Object.defineProperty(window, 'myVar', {
  get() {
    return value;
  },
  set(newValue) {
    console.log(`变量 myVar 被设置为 ${newValue}`);
    value = newValue;
  }
});

myVar = 10; // 输出: 变量 myVar 被设置为 10

const targetNode = document.getElementById('someElementId');
const config = { attributes: true, childList: false, subtree: false };

const callback = function(mutationsList, observer) {
    for(let mutation of mutationsList) {
        if (mutation.type === 'attributes') {
            console.log(`属性 ${mutation.attributeName} 被修改`);
        }
    }
};

const observer = new MutationObserver(callback);
observer.observe(targetNode, config);