使用本机Javascript实现jQuery的"实时"绑定器

// 数据对象
var data = {
  name: 'John',
  age: 25
};

// 更新视图
function updateView() {
  document.getElementById('name').textContent = data.name;
  document.getElementById('age').textContent = data.age;
}

// 初始化绑定
function initBinding() {
  // 监听name属性变化
  Object.defineProperty(data, 'name', {
    get: function() {
      return this._name;
    },
    set: function(value) {
      this._name = value;
      updateView();
    }
  });

  // 监听age属性变化
  Object.defineProperty(data, 'age', {
    get: function() {
      return this._age;
    },
    set: function(value) {
      this._age = value;
      updateView();
    }
  });

  // 绑定元素
  document.getElementById('nameInput').addEventListener('input', function(event) {
    data.name = event.target.value;
  });

  document.getElementById('ageInput').addEventListener('input', function(event) {
    data.age = event.target.value;
  });

  // 初始化视图
  updateView();
}

// 页面加载完成后初始化绑定
window.addEventListener('DOMContentLoaded', initBinding);