let data = {
    user: {
        name: "zhangsan",
        age: "24"
    },
    address: {
        city: 
 
"beijing"
    }
};

// 觀察者建構函式
function Observer(data) {
    this.data = data;
    this.walk(data)
}

let p = Observer.prototype;

// 此函式用於深層次遍歷物件的各個屬性
// 採用的是遞迴的思路
// 因為我們要為物件的每一個屬性繫結getter和setter
p.walk = function
 
 (obj) {
    let val;
    for (let key in obj) {
        // 這裡為什麼要用hasOwnProperty進行過濾呢？
        // 因為for...in 迴圈會把物件原型鏈上的所有可列舉屬性都迴圈出來
        // 而我們想要的僅僅是這個物件本身擁有的屬性，所以要這麼做。
        if (obj.hasOwnProperty(key)) {
            val = obj[key];

            // 這裡進行判斷，如果還沒有遍歷到最底層，繼續new Observer
            if (typeof
 
 val === 'object') {
                new Observer(val);
            }

            this.convert(key, val);
        }
    }
};

p.convert = function (key, val) {
    Object.defineProperty(this.data, key, {
        enumerable: true,
        configurable: true,
        get: function () {
            console.log('你訪問了' + key);
            return val
        },
        set: function (newVal) {
            console.log('你設定了' + key);
            console.log('新的' + key + ' = ' + newVal)
            if (newVal === val) return;
            val = newVal
        }
    })
};

let data = {
    user: {
        name: "zhangsan",
        age: "24"
    },
    address: {
        city: "beijing"
    }
};

let app = new Observer(data);