javascript属性更改事件

var obj = {};
var value;

Object.defineProperty(obj, 'property', {
  get: function() {
    return value;
  },
  set: function(newValue) {
    value = newValue;
    // 触发属性更改事件
    var event = new CustomEvent('propertyChange', { detail: { newValue: newValue } });
    obj.dispatchEvent(event);
  }
});

// 监听属性更改事件
obj.addEventListener('propertyChange', function(event) {
  console.log('属性更改事件触发，新值为：', event.detail.newValue);
});

// 修改属性值
obj.property = 'new value'; // 属性更改事件将被触发

var obj = new Proxy({}, {
  set: function(target, key, value) {
    target[key] = value;
    // 触发属性更改事件
    var event = new CustomEvent('propertyChange', { detail: { key: key, value: value } });
    obj.dispatchEvent(event);
    return true;
  }
});

// 监听属性更改事件
obj.addEventListener('propertyChange', function(event) {
  console.log('属性更改事件触发，属性名为：', event.detail.key, '新值为：', event.detail.value);
});

// 修改属性值
obj.property = 'new value'; // 属性更改事件将被触发