defineproperty(),object
一、Object.defineProperty()的定義:
Object.defineProperty()會直接在一個對象上定義一個新屬性,或者修改一個對象的現有屬性,並返回此對象。
二、和.操作符或者[]操作符的區別:
Object.defineProperty()能夠更深入地定義一個對象,它操作的不僅僅是屬性的值,也可以修改屬性的一些特性,比如是否可修改,是否可遍歷,當然值也是屬性其中的特性之一。
三、Object.defineProperty(obj, prop, descriptor)接受3個參數:
obj: 要操作的對象
prop: 要操作的屬性
descriptor: 描述符對象。包含6個屬性:configurable、enumerable、writable、value、get、set
注意:
應當直接在Object構造器對象上調用此方法,而不是在任意一個Object類型的實例上調用。
四、屬性類型:
1、數據屬性
數據屬性包含一個數據值的位置。在這個位置可以讀取和寫入值
數據屬性有4個描述其行為的特性:
configurable: 能否通過delete刪除屬性,能否修改屬性特性(注意是特性),能否修改為訪問器屬性,默認是true
enumerable: 能否通過for-in遍歷到該屬性,默認是true
writable: 能否修改屬性值,默認是true
value: 這個屬性的數據值。讀取屬性值的時候,從這裏讀取;寫入屬性值得時候,把新值保存在這個位置。默認是undefined
例如:
let person = {}
person.name // 給person添加一個數據屬性,Configurable、Enumerable、Writable默認是true,Value是undefinedperson.name = 'a' // Value特性被設置為'a'
如果將configurable設置為false 那麼除了value和writable之外的特性都不能被修改(本身也不能再改為true了),如果修改會被忽略,嚴格模式會報錯。
在configurable為false的情況下,writable為true可修改為false,如果writable為false,修改為true也會被忽略,嚴格模式報錯。
Object.defineProperty(person, 'name', { configurable: false})Object.defineProperty(person, 'name', { value: 'b'})console.log(person.name) // b configurable為false,writable為true時還能修改Object.defineProperty(person, 'name', { writable: false})
person.name = 'c' // errorObject.defineProperty(person, 'name', { writable: true}) // error
2、訪問器屬性
訪問器屬性不包含數據值,包含一對getter和setter函數(不需要同時存在)。
訪問器屬性必須通過Object.defineProperty定義。訪問器屬性有以下四個特性:
configurable: 能否通過delete刪除屬性,能否修改屬性特性(注意是特性),能否修改為數據屬性,默認是true
enumerable: 能否通過for-in遍歷到該屬性,默認是true
get: 在讀取屬性時調用的函數。默認值是undefined
set: 在寫入屬性時調用的函數。默認是undefined
五、數據屬性和訪問器屬性相互轉換:
數據屬性 -> 訪問器屬性
給數據屬性設置了get或set特性,value和writable特性就會被廢棄,該屬性變為訪問器屬性
訪問器屬性 -> 數據屬性
給訪問器屬性設置了value或writable特性,get和set特性就會被廢棄,該屬性變為數據屬性
注意:只有在configurable為true的情況下才可以相互轉換,即使數據屬性中在configurable為false的情況可以修改value或writable,訪問器屬性轉數據屬性只設置value或writable也不行。