在 ES5 和 ES6 中，我们可以使用 Object.getOwnPropertyNames() 和 Object.getOwnPropertyDescriptor() 来获取对象的属性名和属性描述符。但是这两个方法都只能获取某个属性的部分信息，不能一次性获取一个对象的所有属性信息。为了解决这个问题，ES7 提供了 Object.getOwnPropertyDescriptors() 方法。
Object.getOwnPropertyDescriptors() 方法
Object.getOwnPropertyDescriptors() 方法返回一个对象的所有属性的描述符。它接受一个参数：要获取属性描述符的对象，例如：
const obj = {
name: 'Alice',
age: 18
}
const descriptors = Object.getOwnPropertyDescriptors(obj)
console.log(descriptors)输出结果为：
-- -------------------- ---- -------
-
----- -
------ --------
--------- -----
----------- -----
------------- ----
--
---- -
------ ---
--------- -----
----------- -----
------------- ----
-
-可以看到，Object.getOwnPropertyDescriptors() 方法返回一个对象，它的每个属性名都是目标对象的属性名，属性值是对应属性的属性描述符。
应用场景
Object.getOwnPropertyDescriptors() 方法可以在一些需要对对象属性进行操作的场景中发挥重要作用。
Object.assign()
Object.assign() 方法用于将所有可枚举的属性从一个或多个源对象复制到目标对象。它也可以用来实现浅拷贝。
但是，Object.assign() 方法只能复制可枚举的属性，不能复制不可枚举的属性和属性描述符。这意味着如果一个对象的属性是不可枚举的，使用 Object.assign() 方法将无法复制该属性。
-- -------------------- ---- ------- ----- ---- - - ----- -------- ---- -- - --------------------------- --------- - ------ -------- -- ----- ---- - ----------------- ----- -----------------
输出结果为：
{
name: 'Alice',
age: 18
}可以看到，由于 gender 属性是不可枚举的，使用 Object.assign() 方法无法复制该属性。
如果要复制一个对象的所有属性，包括不可枚举的属性和属性描述符，可以使用 Object.getOwnPropertyDescriptors() 方法配合 Object.defineProperties() 方法。
-- -------------------- ---- ------- ----- ---- - - ----- -------- ---- -- - --------------------------- --------- - ------ -------- -- ----- ----------- - -------------------------------------- ----- ---- - --------------------------- ------------ -----------------
输出结果为：
-- -------------------- ---- -------
-
----- -
------ --------
--------- -----
----------- -----
------------- ----
--
---- -
------ ---
--------- -----
----------- -----
------------- ----
--
------- -
------ ---------
--------- ------
----------- ------
------------- -----
-
-可以看到，使用 Object.getOwnPropertyDescriptors() 方法获取 obj1 的所有属性描述符，然后使用 Object.defineProperties() 方法定义一个新对象的属性，得到了一个复制了所有属性的新对象。
拓展运算符
拓展运算符（...）可以用来合并对象，例如：
-- -------------------- ---- ------- ----- ---- - - ----- -------- ---- -- - ----- ---- - - ------- -------- - ----- ---- - - -------- ------- - -----------------
输出结果为：
{
name: 'Alice',
age: 18,
gender: 'female'
}但是，这种方法同样无法复制目标对象的不可枚举属性和属性描述符。
如果要复制目标对象的所有属性和属性描述符，可以使用 Object.getOwnPropertyDescriptors() 方法配合拓展运算符。
-- -------------------- ---- ------- ----- ---- - - ----- -------- ---- -- - --------------------------- --------- - ------ -------- -- ----- ----------- - -------------------------------------- ----- ---- - - -------------- - -----------------
输出结果为：
-- -------------------- ---- -------
-
----- -
------ --------
--------- -----
----------- -----
------------- ----
--
---- -
------ ---
--------- -----
----------- -----
------------- ----
--
------- -
------ ---------
--------- ------
----------- ------
------------- -----
-
-可以看到，使用 Object.getOwnPropertyDescriptors() 方法获取 obj1 的所有属性描述符，然后使用拓展运算符（...）复制属性和属性描述符，得到了一个复制了所有属性和属性描述符的新对象。
总结
Object.getOwnPropertyDescriptors() 方法可以一次性获取一个对象的所有属性和属性描述符，可以在一些需要对对象属性进行操作的场景中发挥重要作用。在实际应用中，需要根据具体情况选择合适的方法来复制对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645cb8c1968c7c53b0f28c36