本篇文章為大家帶來了關於javascript的相關知識，其中主要介紹了關於物件導向的相關問題，包括了屬性描述符、資料描述符、訪問描述符等等內容，下面一起來看一下，希望對大家有幫助。
【相關推薦：javascript影片教學、web前端】
JavaScript其實支出多種程式設計範式的，包括函數式程式設計和物件導向程式設計：
JavaScript中的物件被設計成一組屬性的無序集合，像是嘻哈表，有key和value組成；
key是一個識別符名稱，value可以是任意類型，也可以是其他物件或函數類型；
如果值是函數，那麼我們可以稱之為物件的方法；
早起使用創建物件方式最多的是使用Object類，並且使用new關鍵字來創建一個物件,然後再將屬性或方法存入物件中：
var obj = new Object()
obj.name = 'why'
console.log(obj.name, obj) // why { name: 'why' }後來很多開發者為了方便起見，都是直接透過字面量的形式來創造物件：
// 字面量方式var obj2 = { name: 'jam', age: '8' }
console.log(obj) // { name: 'jam', age: '8' }在之前我們的屬性都是直接定義在物件內部，或是直接加入到物件內部；
但是這樣我們就不能對這個屬性做一些限制：例如這個屬性是否可以透過delect刪除，是否可以在for-in遍歷的時候被遍歷出來呢？
如果我們想要對一個屬性進行比較精準的操作控制，那麼我就可以使用屬性描述符。透過屬性描述符可以精準的新增或修改物件的屬性；
屬性描述符需要使用Object.defineProperty來新增或修改屬性。
属性描述符分为两种：数据描述符和存取描述符
資料描述符是一個具有值的屬性，該值可能是可寫的，也可能是不可寫的。資料描述符具有以下可選鍵值：
value：該屬性對應的值。可以是任何有效的JavaScript值（數值，對象，函數等）。預設為undefined。
writable：當且僅當該屬性的writable為true時，value才能被複製運算子改變。預設為false。
configurable：當且僅當該屬性的configurable為true時，該屬性描述符才能夠被改變，同時該屬性也能從對應的物件上被刪除。預設為false。
enumerable：當且僅當該屬性的enumerable為true時，該屬性才能夠出現在物件的列舉屬性中。預設為false。
Object.getOwnPropertyDescriptor()方法傳回指定物件上一個自有屬性對應的屬性描述子。
Object.getOwnPropertyDescriptor(obj，prop)
obj：需要尋找的目標對象
prop：目標物件內屬性名稱（String類型）。
傳回值：如果指定的屬性存在在於對像上，則傳回其屬性描述符對象，否則傳回undefined。
注意：如果方法的第一個參數不是對象，會報錯（TypeError）。
Object.defineProperty() 方法會直接在一個物件上定義一個新屬性，或修改一個物件的現有屬性， 並傳回這個物件。
Object.defineProperty（obj，prop，descriptor）
obj：要在其上定義屬性的物件。
prop：要定義或修改的屬性的名稱。
descriptor：將被定義或修改的屬性描述符
傳回值：傳遞給函數的對象
如下範例程式碼展示了屬性描述符的設定和取得var obj = {
name: 'jam',
age: 8
}
Object.defineProperty(obj, 'job', {
value: '律師'
})
console.log(Object.getOwnPropertyDescriptor(obj, 'age')) // { value: 8, writable: true, enumerable: true, configurable: true }
console.log(obj.job) // 律師// 透過defineProperty新增的屬性，該新屬性是不可修改、不可刪除以及不可枚舉的console.log(Object.getOwnPropertyDescriptor(obj, 'job')) / / {value: '律師',writable: false,enumerable: false,configurable: false}
注意：通过defineProperty新增的属性，该新属性是不可修改、不可删除以及不可枚举的
var obj = {
name: 'jam',
age: 8
}
Object.defineProperty(obj, 'address', {
value: '河北',
// configurable 此屬性不可刪除，更不可再使用defineProperty修改屬性描述子 configurable: false,
})
delete obj.address // 想使用delete刪除該屬性obj.address = '廣州' // 想修改obj中的屬性address值為廣州console.log(obj.address) // 輸出結果：河北因為屬性描述符configurable值為false 不可刪除和修改,所以delete和修改都沒生效
var obj = {
name: 'jam',
age: 8}Object.defineProperty(obj, 'sex ', {
value: '男',
// enumerable 設定該屬性是否可以列舉 enumerable: true})for (i in obj) {
console.log(i)}當enumerable: false時，輸出結果為name age
當enumerable: true時，輸出結果為name age sex
var obj = {
name: 'jam',
age: 8}Object.defineProperty(obj, 'score', {
value: 80,
// writable: true
writable: false})obj.score = 100 console.log(obj.score) // 80因為writeable的值為false，所以修改score為100時，並沒有修改成功，最終輸出80
是不是感覺每次只能設定一個屬性的屬性描述符很繁瑣，Object.defineProperties可以幫你解決問題。
Object.defineProperties（）方法為物件定義一個或多個新屬性或修改現有屬性，並傳回該物件。
Object.defineProperties（obj，props）
obj：要在其上定義屬性的物件。
props：要定義其可枚舉屬性或修改的屬性描述符的物件。
傳回值：傳遞給函數的物件。
範例程式碼如下：
var obj = {
name: 'jam',}Object.defineProperties(obj, {
'age': {
value: 28,
writable: true,
configurable: false,
enumerable: true
},
'job': {
value: '律師',
writable: true,
configurable: false,
enumerable: true
},
'sex': {
value: '男',
writable: false,
configurable: false,
enumerable: true
},
'height': {
value: '1.8 m',
writable: false,
configurable: false,
enumerable: true
}})console.log(obj) // name: 'jam', age: 28, job: '律師', sex: '男', height: '1.8m' }訪問描述符是由getter-setter函數對描述的屬性。訪問描述符具有以下可選鍵值:
get：給屬性getter的方法，如果沒有getter則為undefined。當存取該屬性時，方法會被執行，方法執行時沒有參數傳入，但會傳入this物件。
set：給予屬性setter的方法，如果沒有setter則為undefined。當屬性值修改時，觸發執行該方法。此方法將接受唯一參數，即該屬性新的參數值。
configurable：當且僅當該屬性的configurable為true時，該屬性描述符才能夠被改變，同時該屬性也能從對應的物件上被刪除。預設為false。
enurnerable：當且僅當該屬性的enurnerable為true時，該屬性才能夠出現在物件的列舉屬性中。預設為false。
configurable 和enurnerable 的使用與資料描述符中的一致，這裡就不過多講解了。
主要講一下get 和set 方法的使用
var obj = {
name: 'jam',
age: 8,
_address: '河北'
}
// 存取描述符的使用場景// 1.隱藏某一個私有屬性被希望直接被外界使用和賦值// 2.如果我們希望解惑某一個屬性它存取和設定值的過程時，也會使用儲存屬性描述子Object.defineProperty(obj, 'address', {
enumerable: true,
configurable: true,
get: function () {
foo()
return this._address
},
set: function (value) {
bar()
this._address = value
}
})
function foo () {
console.log("截獲了一次address的值")
}
function bar () {
console.log("設定了一次address的值")
}上述範例程式碼控制台列印結果如下： 