在 JavaScript 中，我们经常需要复制对象的属性。但是，常规的复制方法往往会出现一些问题，比如无法复制不可枚举的属性、无法复制 getter 和 setter 等。这些问题可以通过 ES7 中的 Object.getOwnPropertyDescriptors 方法来解决。
Object.getOwnPropertyDescriptors 方法简介
Object.getOwnPropertyDescriptors 方法接收一个对象作为参数，返回该对象所有属性的描述符对象（包括可枚举和不可枚举属性）。描述符对象包含以下属性：
- value：属性值
- writable：是否可写
- enumerable：是否可枚举
- configurable：是否可配置
- get：getter 函数
- set：setter 函数
使用 Object.getOwnPropertyDescriptors 实现属性复制
下面是一个示例代码，使用 Object.getOwnPropertyDescriptors 方法实现对象属性复制：
----- ---- - -
----- ------
---- ---
--- ---------- -
------ ----------
--
--- --------------- -
--------- - ------
--
---------------- ------
--
----- ---- - ---
----------------------------- ----------------------------------------在上面的代码中，我们定义了一个对象 obj1，包含了一个普通属性 name 和一个 getter/setter 属性 fullName，以及一个不可枚举属性 Symbol('foo')。然后，我们使用 Object.getOwnPropertyDescriptors 方法获取 obj1 的所有属性描述符，并将其用 Object.defineProperties 方法定义到 obj2 中。
这样，obj2 就完全复制了 obj1 的所有属性，包括不可枚举属性和 getter/setter 属性。
注意事项
需要注意的是，在使用 Object.getOwnPropertyDescriptors 进行属性复制时，我们需要使用 Object.defineProperties 方法进行定义。因为在 JavaScript 中，只有使用 Object.defineProperty 或 Object.defineProperties 方法定义的属性，才能够设置属性描述符。
总结
通过使用 ES7 中的 Object.getOwnPropertyDescriptors 方法，我们可以解决 JavaScript 中属性复制时的一些问题，如无法复制不可枚举属性、无法复制 getter 和 setter 属性等。同时，这种方法也能够完全复制对象的所有属性，包括不可枚举属性和 getter/setter 属性。在实际开发中，我们可以结合 Object.defineProperties 方法使用，达到更好的效果。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660cf5a2d10417a222d5c1f8