Object.defineproperty实现数据和视图的联动

var o = {}; // 创建一个新对象
// Example of an object property added with defineProperty with a data property descriptor
Object.defineProperty(o, "a", {value : 37,
                               writable : true,
                               enumerable : true,
                               configurable : true});
// 对象o拥有了属性a，值为37

// Example of an object property added with defineProperty with an accessor property descriptor
var bValue;
Object.defineProperty(o, "b", {get : function(){ return bValue; },
                               set : function(newValue){ bValue = newValue; },
                               enumerable : true,
                               configurable : true});
o.b = 38;

<div>
    <p>你好，<span id=‘nickName‘></span></p>
    <div id="introduce"></div>
</div>　　　　　　

//视图控制器
var userInfo = {};
Object.defineProperty(userInfo, "nickName", {
    get: function(){
        return document.getElementById(‘nickName‘).innerHTML;
    },
    set: function(nick){
        document.getElementById(‘nickName‘).innerHTML = nick;
    }
});
Object.defineProperty(userInfo, "introduce", {
    get: function(){
        return document.getElementById(‘introduce‘).innerHTML;
    },
    set: function(introduce){
        document.getElementById(‘introduce‘).innerHTML = introduce;
    }
})

//数据
//todo 获取用户信息的代码
....

userInfo.nickName = "xxx";
userInfo.introduce = "我是xxx，我来自云南，..."