個(gè)人理解：Object.defineProperty

lieeps 發(fā)布于2019-08-26 11:42 / 494人閱讀

摘要：數(shù)據(jù)描述符是一個(gè)具有值的屬性，該值可能是可寫的，也可能不是可寫的。描述符必須是這兩種形式之一不能同時(shí)是兩者。注意點(diǎn)運(yùn)算符和為對(duì)象的屬性賦值時(shí)，數(shù)據(jù)描述符中的屬性默認(rèn)值是不同的，如下例所示。

一、概念語法

Object.defineProperty(obj,prop,descriptor)
參數(shù)：
1.obj:要在其上定義屬性的對(duì)象
2.key:要定義或者修改的屬性
3.descriptor:將被定義或者修改的屬性描述符
返回值：
obj：傳遞給函數(shù)的對(duì)象
作用：
直接在一個(gè)對(duì)象上定義一個(gè)新屬性，或者修改一個(gè)對(duì)象的現(xiàn)有屬性， 并返回這個(gè)對(duì)象。
默認(rèn)情況下，使用Object.defineProperty()添加的屬性值是不可變的。

var obj = {},person="xiaoming"
Object.defineProperty(obj,"name",{
    get:function(){   // 獲取屬性值
        return person
    },
    set:function(value){    //設(shè)置屬性值
        person = value
    }
})
console.log(obj);            //{}   obj的屬性值  顏色是虛的，但是可以更改
console.log(obj.name);       //xiaoming
//設(shè)置屬性值
obj.name = "xiaohong";
console.log(obj)             //{}
console.log(obj.name);       //xiaohong

總結(jié)：直接設(shè)置存取器屬性是無法直接在對(duì)象中體現(xiàn)出來console.log(obj); //{}，需要執(zhí)行獲取方法

二、屬性描述符

對(duì)象里目前存在的屬性描述符有兩種主要形式：數(shù)據(jù)描述符和存取描述符。

數(shù)據(jù)描述符是一個(gè)具有值的屬性，該值可能是可寫的，也可能不是可寫的。

訪問器描述符是由getter-setter函數(shù)對(duì)描述的屬性。

描述符必須是這兩種形式之一；不能同時(shí)是兩者。

注意1：點(diǎn)運(yùn)算符和Object.defineProperty()為對(duì)象的屬性賦值時(shí)，數(shù)據(jù)描述符中的屬性默認(rèn)值是不同的，如下例所示。

var o = {};

o.a = 1;
// 等同于 :
Object.defineProperty(o, "a", {
  value : 1,
  writable : true,
  configurable : true,
  enumerable : true
});


// 另一方面，
Object.defineProperty(o, "a", { value : 1 });
// 等同于 :
Object.defineProperty(o, "a", {
  value : 1,
  writable : false,
  configurable : false,
  enumerable : false
});
因此：默認(rèn)情況下，使用Object.defineProperty()添加的屬性值是不可變的。
因?yàn)槟J(rèn)writalbe:false,不可寫

示例

Object.defineProperty(obj,"name",{
    value:"xiaoming"
});
console.log( obj.name );  //xiaoming 

console.log(obj)            //{name:"xiaoming"}
//此時(shí)修改屬性值不可變
obj.name = "";
console.log(obj.name);    //xiaoming  仍然是，值不變