在 ES6 中，我们有了 Object.assign() 方法来合并多个对象的属性和方法。然而，当需要合并具有继承关系的对象时，Object.assign() 方法会存在一些问题。在 ES7 中，我们得到了一个新的操作符 Object.getOwnPropertyDescriptors()，它可以解决 Object.assign() 合并对象时的继承链问题。
Object.assign() 方法的继承链问题
Object.assign() 方法被设计用来合并一个或多个对象的属性和方法。它的基本用法如下所示：
const obj1 = { a: 1 };
const obj2 = { b: 2 };
const obj3 = { c: 3 };
const result = Object.assign({}, obj1, obj2, obj3);
console.log(result); // { a: 1, b: 2, c: 3 }假设我们要合并具有继承关系的两个对象，比如：
-- -------------------- ---- -------
----- ----- -
-------------- -- -
------ - --
------ - --
-
----------- -
------ - -- ------- -- ------ --
-
-
----- ------ ------- ----- -
-------------- -- ------- -
-------- ---
----------- - -------
-
--------- -
------ ------- - ----------- -- --
-
-
----- -------- - --- --------- -- ----
----- ------- - --- -------- ---
----- ------ - ----------------- -------- ----------
--------------------
-- - -- -- -- -- ------- --- -------- ---- ---------- --- -根据预期，我们希望合并后的对象也能够继承 Circle 和 Shape 类的属性和方法。然而，我们发现只有直接在 Circle 和 Shape 类中定义的属性和方法被合并到了新的对象中，而继承来的属性和方法则消失了：
console.log(result.getCoords()); // TypeError: result.getCoords is not a function
这是因为 Object.assign() 方法只会复制对象自身的属性和方法，而不会复制继承来的属性和方法。对于继承链上的属性和方法，我们需要手动遍历它们才能进行合并，这种方法显然是冗长且容易出错的。
Object.getOwnPropertyDescriptors() 方法
Object.getOwnPropertyDescriptors() 方法可以帮助我们解决 Object.assign() 方法合并继承链问题。这个方法可以获取一个对象的所有属性描述符（包括继承属性），并返回一个新的对象，新对象的每个属性名称和值都与原对象相同，但是属性描述符都被复制到了新对象中。
使用 Object.getOwnPropertyDescriptors() 方法可以获取类的所有属性描述符，包括继承来的描述符：
-- -------------------- ---- ------- ----- ----------- - ------------------------------------------- ------------------------- -- - ------------ ------ ------- ------ -------- ------ -- ------ -- ------ ---------- ----- - --
有了属性描述符，我们就可以更加灵活地合并对象。我们可以通过遍历属性描述符，将每个属性的配置对象传递给 Object.defineProperty() 方法，将所有属性描述符定义到目标对象上。这里我们给出一个合并两个具有继承关系对象的示例代码：
-- -------------------- ---- -------
-------- ------------------ ----- -
----- ------------ - ---------------------------------------
----- ------------ - ---------------------------------------
----- ------ - ---
------------------------------------- -- -
----------------------------- ---- -------------------
---
------------------------------------- -- -
----------------------------- ---- -------------------
---
------ -------
-
----- ------ - --------------------- ----------
-------------------------------- -- - -- -- -- - -这个方法返回的对象包含了 myShape 和 myCircle 的所有属性和方法，继承链上的属性和方法也被正确地复制到了新对象中。
总结
Object.assign() 方法在合并具有继承关系的对象时存在着继承链断裂的问题。解决这个问题需要手动遍历继承链上的属性和方法，这显然是非常笨拙的。在 ES7 中，我们得到了一个新的操作符 Object.getOwnPropertyDescriptors()，它可以获取一个对象的所有属性描述符（包括继承属性），并返回一个新的对象。结合 Object.defineProperty() 方法可以更加灵活地合并对象，使得合并具有继承关系的对象变得更加方便。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64685c54968c7c53b0898049