了解JavaScript Object对象的getOwnPropertyDescriptors()方法

此方法返回对象的所有自有(非继承)属性描述符。

Object.getOwnPropertyDescriptors(obj)接受一个对象,并返回一个提供属性描述符列表的新对象。

示例:

const dog = {}
Object.defineProperties(dog, {
 breed: {
 value: 'Siberian Husky'
 }
})
Object.getOwnPropertyDescriptors(dog)
/\*
{
 breed: {
 value: 'Siberian Husky',
 writable: false,
 enumerable: false,
 configurable: false
 }
}
\*/

有一个使用场景可以非常有用。ES2015给我们提供了Object.assign(),它可以复制一个或多个对象的所有可枚举自有属性,并返回一个新对象。但是它存在一个问题,就是它无法正确复制具有非默认属性的属性。

例如,如果一个对象只有一个setter,使用Object.assign()无法正确复制到新对象中。例如:

const person1 = {
 set name(newName) {
 console.log(newName)
 }
}

这个复制尝试将不起作用:

const person2 = {}
Object.assign(person2, person1)

但这个可以正常工作,并正确复制setter:

const person3 = {}
Object.defineProperties(person3,
 Object.getOwnPropertyDescriptors(person1))

可以通过控制台测试看到:

person1.name = 'x'
"x"

person2.name = 'x'

person3.name = 'x'
"x"

person2不包含setter,它没有被复制过来。

对于使用Object.create()进行浅克隆的对象,也存在同样的限制。