原生js怎么实现双向绑定

实现双向绑定可以借助 Object.defineProperty 方法来实现具体步骤如下：

1. 创建一个对象，给该对象设置一个属性，该属性的值为需要双向绑定的。

2. 使用 Object.defineProperty 方法来监听该对象的属性变化，在 getter 函数中返回该属性的值，在 setter 函数中对该属性进行赋值，并且在赋值时触发一个回调函数。

3. 在页面中设置一个表单元素，例如 input 元素，将其 value 属性与该对象的属性进行绑定，这样当表单元素的值发生变化时，就会触发 setter 函数，从而触发回调函数，实现双向绑定。

下面是一个简单的示例代码：

// 创建一个对象
var obj = {};

// 给该对象设置一个属性，该属性的值为需要双向绑定的值
var value = 'Hello World!';
Object.defineProperty(obj, 'text', {
  get: function() {
    return value;
  },
  set: function(newValue) {
    value = newValue;
    // 触发回调函数，更新页面
    updateView();
  }
});

// 将表单元素与该对象的属性进行绑定
var input = document.getElementById('input');
input.value = obj.text;
input.addEventListener('input', function() {
  obj.text = input.value;
});

// 更新页面的函数
function updateView() {
  input.value = obj.text;
}