在 ES7 中，新增了一个 Object.getOwnPropertyDescriptors() 方法，该方法可以获取一个对象所有自身属性的描述符。
方法介绍
Object.getOwnPropertyDescriptors() 方法接收一个对象作为参数，返回一个对象，该对象的属性名与传入的对象的属性名一一对应。属性值是一个描述符对象，描述符对象的属性包括 value、writable、enumerable、configurable、get 和 set。
方法示例
我们可以通过下面的代码来了解 Object.getOwnPropertyDescriptors() 方法的具体用法：
-- -------------------- ---- -------
----- --- - -
----- ------
---- ---
--- -------- -
------ ------
-
-
----- ----------- - -------------------------------------
------------------------运行上述代码，我们可以得到以下输出结果：
-- -------------------- ---- -------
-
----- -
------ ------
--------- -----
----------- -----
------------- ----
--
---- -
------ ---
--------- -----
----------- -----
------------- ----
--
------- -
---- ---------- --- --------
---- ----------
----------- -----
------------- ----
-
-方法真实场景
Object.getOwnPropertyDescriptors() 方法的真实场景是什么呢？我们可以结合一个实际的场景来了解。
在开发过程中，我们有时候需要对一个对象进行深拷贝，即生成一个新的对象，该对象与原对象完全独立，修改新对象不会影响原对象。但是，使用 Object.assign() 方法拷贝对象时，无法拷贝属性的描述符，这就导致了一些问题。例如，原对象的某个属性是只读的，但是使用 Object.assign() 方法拷贝对象后，该属性的描述符信息会丢失，变成可写的属性，这就破坏了原对象的结构。
那么，如何解决这个问题呢？我们可以使用 Object.getOwnPropertyDescriptors() 方法获取原对象的所有属性的描述符，并使用 Object.defineProperties() 方法将这些描述符应用到新对象上，从而生成一个真正意义上的深拷贝对象。
function deepClone(obj) {
const descriptors = Object.getOwnPropertyDescriptors(obj)
const cloneObj = Object.create(Object.getPrototypeOf(obj), descriptors)
return cloneObj
}上述代码中，我们定义了一个 deepClone() 方法，该方法接收一个对象作为参数，返回一个深拷贝的对象。在方法中，我们使用 Object.getOwnPropertyDescriptors() 方法获取原对象的所有属性的描述符，然后使用 Object.create() 方法生成一个新对象，该对象的原型为原对象，描述符为原对象的所有属性描述符。这样，我们就生成了一个新的对象，该对象与原对象完全独立，修改新对象不会影响原对象。
总结
Object.getOwnPropertyDescriptors() 方法可以获取一个对象所有自身属性的描述符，解决了 Object.assign() 方法无法拷贝属性描述符的问题。在实际开发中，我们可以使用该方法生成一个真正意义上的深拷贝对象，避免了出现一些问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650aabb895b1f8cacd5076a6