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

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

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

Object.defineProperty(obj, prop, descriptor)

obj：要在其上定義屬性的對(duì)象

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

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

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

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

configurable

當(dāng)且僅當(dāng)該屬性的 configurable 為 true 時(shí)，該屬性描述符才能夠被改變，同時(shí)該屬性也能從對(duì)應(yīng)的對(duì)象上被刪除，如果為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對(duì)象的屬性將失效

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

enumerable

當(dāng)且僅當(dāng)該屬性的enumerable為true時(shí)，該屬性才能夠出現(xiàn)在對(duì)象的枚舉屬性中(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]) //無(wú)輸出
}

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

value

該屬性對(duì)應(yīng)的值。可以是任何有效的 JavaScript 值（數(shù)值，對(duì)象，函數(shù)等）。默認(rèn)為 undefined。

writable

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

存取描述符其余屬性：

get

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

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