原生js实现 监控变量值变化了，自动修改页面内容

 

var data = { message: 'Hello' };

Object.defineProperty(data, 'message', {
  get: function() {
    return this._message;
  },
  set: function(value) {
    this._message = value;
    document.getElementById('app').textContent = value;
    console.log('变量值已经改变为：', value);
  }
});


//调用：
data.message = 'New message';

//再次调用会改变text属性
data.message = 'New message2222222';