js中物件屬性型別有資料屬性和訪問器屬性，這裡實現簡單的雙向資料繫結是利用了物件的訪問器屬性中包含的get和set

修改屬性的預設特性使用Object.defineProperty()方法

addEventListener（event，function，useCapture）繫結事件，實時檢測，useCapture可選布林值，預設為false，事件在冒泡階段執行。

事件觸發過程中，DOM事件流包含三個階段：事件捕獲，處於目標，事件冒泡

<input type="text" id="txt">
<span id="span"></span>

var obj = {};
 
//為obj定義一個名字為hello的訪問器屬性
Object.defineProperty(obj,"hello",{
    get:function(){
        console.log("get方法被呼叫了");
},
set:function(val){
        console.log('set方法被呼叫了，引數是' + val);
}
});
obj.hello; //get方法被呼叫了
obj.hello = "nihao"; //set方法被呼叫了，引數是nihao

var obj = {};
Object.defineProperty(obj,'hello',{
    set
 
:function(newVal){
        document.getElementById('txt').value = newVal;
document.getElementById('span').innerHTML = newVal;
}
});
document.addEventListener('keyup',function(e){
    console.log(e.target);
obj.hello = e.target.value;
},true);