問題描述

• 在給對象中的引用對象繼續(xù)定義時候的失效問題

附上代碼

    var obj = {};
    function defineObj(obj, key, v) {
        Object.defineProperty(obj, key, {
            set: function (newv) {
                console.log("set",this);
                v = newv;
            },
            get: function () {
                console.log("get",this);
                return v;//疑點在這里，現(xiàn)在是形參傳入進來形成閉包，實現(xiàn)了私有的持久化變量
            }
        })
    }
    defineObj(obj,"data",{num:111});
    defineObj(obj.data,"num",222);
    console.log("----------------------------------------------------------------");
    console.log("result:",obj.data.num);

而這樣連續(xù)給內(nèi)部引用對象賦值，調(diào)用最終對象的值，就會打印出訪問這個值所需要的引用步驟數(shù)目的get

如上，obj.data---1次 obj.data.num---兩次
實際記錄這個次數(shù)主要為了驗證給obj.data定義屬性num是否生效，如上是可以的
但是如果把代碼改成這樣

    var obj = {};
    function defineObj(obj, key, v) {
        Object.defineProperty(obj, key, {
            set: function (newv) {
                console.log("set",this);
                v = newv;
            },
            get: function () {
                console.log("get",this);
                return {num:333};//在get中強制返回定義好的對象字面量
            }
        })
    }
    defineObj(obj,"data",{num:111});
    defineObj(obj.data,"num",222);//沒生效
    console.log("----------------------------------------------------------------");
    console.log("result:",obj.data.num);

而這時返回的結(jié)果是

如上，再次給obj.data定義num這一步并沒有生效，也就是說一旦在get中返回了聲明好的字面量，那后續(xù)對這個字面量的擴展就無效了，所以想問下這個是什么原因

自己理解的可能原因：

• 一 因為defineProperty使用訪問器描述符創(chuàng)建屬性的時候，使用set和get，而定義的這個參數(shù)需要set和get都能訪問到，類似上面第一段代碼中形參v，意思就是我我可拿到這個v給你賦值，也可以給你返回（感覺有些牽強）
  defineProperty文檔中：

鏈接描述

• 二 obj.data.num這個屬性的描述configurable是否可以繼續(xù)定義set和get

    var obj = {};
    function defineObj(obj, key, v) {
        Object.defineProperty(obj, key, {
            set: function (newv) {
                console.log("set",this);
                v = newv;
            },
            get: function () {
                console.log("get",this);
                return v;
            }
        })
    }
    defineObj(obj,"data",{num:111});
    console.log("屬性描述：",Object.getOwnPropertyDescriptor(obj.data,"num"));
    defineObj(obj.data,"num",222);
    console.log("----------------------------------------------------------------");
    console.log("result:",obj.data.num);

    var obj = {};
    function defineObj(obj, key, v) {
        Object.defineProperty(obj, key, {
            set: function (newv) {
                console.log("set",this);
                v = newv;
            },
            get: function () {
                console.log("get",this);
                return {num:333};
            }
        })
    }
    defineObj(obj,"data",{num:111});
    console.log("屬性描述：",Object.getOwnPropertyDescriptor(obj.data,"num"));
    defineObj(obj.data,"num",222);
    console.log("----------------------------------------------------------------");
    console.log("result:",obj.data.num);

兩種定義方式num的屬性描述都一樣。。。。