js实现数据的双向绑定

今天用原生js来实现一个数据的双向绑定

知识点：object.defineProperty()

　　三个参数：

　　　　第一个：要定义属性的对象，

　　　　第二个：要定义或者修改的属性的名称

　　　　第三个：将被定义或者修改的属性的描述

 

<input type="text" id="inp"/>
<p id="showText"></p>

<script>
　　var obj = {};
　　Object.defineProperty(obj,"newProp",{
　　　　get:function(){
　　　　　　return obj;
　　　　},
　　　　set:function(newVal){
　　　　　　document.getElementById("inp").value = newVal;
　　　　　　document.getElementById("showText").innerHTML = newVal;
　　　　}
　　})
　　document.addEventListener("keyup",function(e){
　　　　obj.newProp = e.target.value;
　　})

</script>