JavaScript對象內(nèi)部屬性及其特性總結(jié)

張金寶發(fā)布于2019-08-26 12:23 / 2444人閱讀

摘要：表示能否通過循環(huán)返回屬性表示能否修改屬性的值包含這個屬性的數(shù)據(jù)值讀取屬性時(shí)調(diào)用的函數(shù)，默認(rèn)值為寫入屬性時(shí)調(diào)用的函數(shù)，默認(rèn)值為其中直接在對象上定義的屬性，默認(rèn)值均為通過方法或方法，如果不指定的值，則全部默認(rèn)為。

數(shù)據(jù)屬性和訪問器屬性

	數(shù)據(jù)屬性	訪問器屬性
共同特性	[[enumerable]]
共同特性	[[configurable]]
特有特性	[[writable]]	[[get]]
特有特性	[[value]]	[[set]]
設(shè)置單個屬性方法	Object.defineProperty(obj, prop, descriptor)
設(shè)置多個屬性方法	Object.defineProperties(obj, props)
讀取單個屬性描述符	Object.getOwnPropertyDescriptor(obj, prop)
讀取對象所有屬性描述符	Object.getOwnPropertyDescriptors(obj)
備注	obj: 需要被操作的目標(biāo)對象； prop: 目標(biāo)對象需要定義(讀取)或修改的屬性的名稱； descriptor: 將被定義或修改的屬性的描述符； props: 該對象的一個或多個鍵值對定義了將要為對象添加或修改的屬性的具體配置；

特性詳情


[[Configurable]]:

表示能否通過delete刪除屬性從而重新定義屬性,(設(shè)置為false，表示不能從對象中刪除屬性（在嚴(yán)格模式下調(diào)用delete會報(bào)錯）)，
能否修改屬性的特性，
能否把數(shù)據(jù)屬性修改為訪問器屬性（或相反）,

從true修改為false是單向的,即一旦把把屬性定義為不可配置的，就不能再把它變回可配置了（此時(shí)只能單向修改writable從true到false）。



[[Enumerable]]: 表示能否通過for-in循環(huán)返回屬性

[[Writable]]: 表示能否修改屬性的值

[[Value]] : 包含這個屬性的數(shù)據(jù)值

[[Get]]: 讀取屬性時(shí)調(diào)用的函數(shù)，默認(rèn)值為undefined


[[Set]]: 寫入屬性時(shí)調(diào)用的函數(shù)，默認(rèn)值為undefined

其中直接在對象上定義的屬性，[[Configurable]], [[Enumerable]], [[Writable]]默認(rèn)值均為true;
 通過Object.defineProperty()方法或Object.defineProperties()方法，如果不指定writale, enumerable, configurable 的值，則全部默認(rèn)為 false。

定義屬性 定義單個屬性

Object.defineProperty(book, "actor", {
    value: "Nicholas"
})

定義多個屬性

var book = {}
Object.defineProperties(book,{
    _year:{
        writable: true,
        value: 2004
    },
    edition:{
        writable: true,
        value: 1
    },
    // year為訪問器屬性
    year:{
        get: function(){
            return this._year;
        },
        set: function(newValue){
            if(newValue > 2004){
                this._year = newValue;
                this.edition += newValue - 2004;
            }
        }
    }
});
// {_year: 2004, edition: 1}

讀取屬性的描述符 讀取單個屬性的描述符

Object.getOwnPropertyDescriptor(book, "_year"); 
// {value: 2006, writable: true, enumerable: false, configurable: false}
Object.getOwnPropertyDescriptor(book, "edition"); 
// {value: 3, writable: true, enumerable: false, configurable: false}
Object.getOwnPropertyDescriptor(book, "year"); 
// {get: ?, set: ?, enumerable: false, configurable: false}

Object.getOwnPropertyDescriptor(book, "actor"); 
// {value: "Nicholas", writable: false, enumerable: false, configurable: false}

讀取所有屬性的描述符

Object.getOwnPropertyDescriptors(book)

注意

從上面代碼Object.getOwnPropertyDescriptor()執(zhí)行結(jié)果中可以看出來，通過Object.defineProperty()方法或Object.defineProperties()方法，如果不指定數(shù)據(jù)屬性或訪問器屬性的writale, enumerable, configurable 的值，則全部默認(rèn)為 false。