js手写双向数据绑定

js手写双向数据绑定

利用Object.defineProperty进行数据的双向绑定。
HTML代码：

js代码

var obj = {
        val:'张三',
    };
    var val = '';
    Object.defineProperty(obj,'val',{
        get:function(){
            return val;
        },
        set:function(newVal){
            val = newVal
            document.getElementById("span").innerHTML = val;
        }
    })
    obj.val = '李四';