摘要：可以是任何有效的值數(shù)值，對象，函數(shù)等。當(dāng)且僅當(dāng)該屬性的為時，才能被賦值運(yùn)算符改變。存取描述符其余屬性一個給屬性提供的方法，如果沒有則為。當(dāng)屬性值修改時，觸發(fā)執(zhí)行該方法。該方法將接受唯一參數(shù)，即該屬性新的參數(shù)值。

Vue里面有個耳熟能詳?shù)脑~是Object.defineproperty，這篇文章就介紹一下這個屬性。

Object.defineProperty() 方法會直接在一個對象上定義一個新屬性，或者修改一個對象的現(xiàn)有屬性， 并返回這個對象。

Object.defineProperty(obj, prop, descriptor)

obj：要在其上定義屬性的對象

prop：要定義或者要修改的屬性

descriptor：將被定義或修改的屬性描述符

屬性描述符又可分為數(shù)據(jù)描述符和存取描述符，可以用getOwnPropertyDescriptors或者getOwnPropertyDescriptor獲取到屬性描述

數(shù)據(jù)描述符和存取描述符共有的屬性包括：

configurable

當(dāng)且僅當(dāng)該屬性的 configurable 為 true 時，該屬性描述符才能夠被改變，同時該屬性也能從對應(yīng)的對象上被刪除，如果為false，則不能刪除或修改writable, configurable, enumerable。默認(rèn)為 true。

var animal = {
    name: "cat"
}
console.log(Object.getOwnPropertyDescriptors(animal)) 
//name: {value: "cat", writable: true, enumerable: true, configurable: true}
console.log(animal.name) //cat
delete animal.name
console.log(animal.name) //undefined

Object.defineProperty(animal, "name", {
    value: "dog",
    configurable: false
})
console.log(Object.getOwnPropertyDescriptors(animal))
//name: {value: "dog", writable: false, enumerable: false, configurable: false}
console.log(animal.name) //dog
delete animal.name
console.log(animal.name) //dog

可以看到，configurable默認(rèn)屬性是true，設(shè)置為false之后，delete對象的屬性將失效

需要注意的是，如果不是通過defineproperty定義的屬性，描述符默認(rèn)值都是true；通過defineproperty定義的屬性，描述符默認(rèn)是false

enumerable

當(dāng)且僅當(dāng)該屬性的enumerable為true時，該屬性才能夠出現(xiàn)在對象的枚舉屬性中(for...in, Object.keys())。默認(rèn)為 true。

let animal = {
    name: "cat"
 }
for (let i in animal) {
    console.log(animal[i]) //cat
}
Object.defineProperty(animal, "name", {
    enumerable: false
})
for (let i in animal) {
    console.log(animal[i]) //無輸出
}

數(shù)據(jù)描述符其余屬性：

value

該屬性對應(yīng)的值?？梢允侨魏斡行У?JavaScript 值（數(shù)值，對象，函數(shù)等）。默認(rèn)為 undefined。

writable

當(dāng)且僅當(dāng)該屬性的writable為true時，value才能被賦值運(yùn)算符改變。默認(rèn)為 true。

存取描述符其余屬性：

get

一個給屬性提供 getter 的方法，如果沒有 getter 則為 undefined。當(dāng)訪問該屬性時，該方法會被執(zhí)行，方法執(zhí)行時沒有參數(shù)傳入，但是會傳入this對象（由于繼承關(guān)系，這里的this并不一定是定義該屬性的對象）。

let animal = {}
let name = "cat"
Object.defineProperty(animal, "name", {
  value: "cat",
  get: function () {
    return name
  }
})
//報錯：Uncaught TypeError: Invalid property descriptor. Cannot both specify accessors and a value or writable attribute, #