js手写简单双向绑定

什么是双向绑定

1.当一个对象(或变量)的属性改变,那么调用这个属性地方也应该改变,模型到视图(model => view)
2.当调用属性的这个地方改变了这个属性(通常是一个表单元素),那么这个对象(或变量)的属性也随之改变,即视图到模型(view => model)

如何实现(怎么知道对象的属性变了)

Object.defineProperty 设置对象属性的描述字段里面有两个属性set(设置属性时被调用)和get(获取属性时被调用)
input检测属性值的改变,触发后对应修改对应的对象(或变量)
例:


    手写一个简单双向绑定

你可能感兴趣的:(js手写简单双向绑定)