JavaScript 简单修改get、set方法 实现 双向绑定

//这是ES5的get、set方法
var obj = {
    name:'Hello',
    height:150,
    get age(){
        console.log('当获取age 属性时调用');
        return new Date().getFullYear() - 1988;
    },
    set age(val){
        console.log('设置 age 属性时调用');
        console.log('age newVal:'+val);
    }
}

// 简单双向绑定
    function defineProperty(obj, attr){
        // 使用 Object.defineProperty
        Object.defineProperty(obj, attr, {
            get: function () {
                return val;
            },
            set: function (newValue) {
                document.getElementById("input").value = newValue;
                document.getElementById("show").innerHTML = newValue;
            }
        });
    }
 
    var obj = {};
    defineProperty(obj, "txt");
    document.getElementById("input").addEventListener("keyup", function(e){
        obj.txt = e.target.value;
    });
    obj.txt = 200;