ECMAScript 2019 中如何用 object.assign() 实现继承
在前端开发中，继承是一个重要的概念，它可以帮助我们避免重复编写代码，提高代码的可复用性和可维护性。JavaScript 的原型和原型链机制为我们提供了一种实现继承的方式。而在 ECMAScript 2019 中，使用 object.assign() 也可以实现简单的继承，本文将详细介绍如何使用。
object.assign() 简介
object.assign() 是 ECMAScript 2015（ES6）中新增的一个方法，用于将源对象（source）的所有可枚举属性值复制到目标对象（target）。它的定义如下：
Object.assign(target, ...sources)
- target：目标对象，复制源对象的属性值后会返回该对象。
- sources：一个或多个源对象，它们的所有可枚举属性值都将复制到目标对象。
object.assign() 的使用示例：
const target = { a: 1 };
const source = { b: 2, c: 3 };
Object.assign(target, source);
console.log(target); // { a: 1, b: 2, c: 3 }从上述示例中可以看出，使用 object.assign() 可以将源对象的属性值复制到目标对象中，从而实现两个对象的合并。
使用 object.assign() 实现继承
当我们需要创建一个新的对象，并让它继承某个对象的属性时，可以使用 object.assign() 方法。下面是使用 object.assign() 实现继承的示例代码：
-- -------------------- ---- -------
----- ------ - -
----- ---------
---------- -
------------------- -- ---- -- ----------------
-
--
----- ----- - ------------------------------------ -
----- -------
---
----------------- -- ------ -- ---- -- ------从上述示例代码中可以看出，使用 object.assign() 和 Object.create() 方法可以实现继承。Object.create() 方法可以创建一个新对象，并将该对象的原型指向指定的对象（本例中为 parent）。接下来，我们使用 object.assign() 方法将属性值复制到新对象中，并且将其 name 属性值设置为 ‘child’。
虽然使用 object.assign() 方法可以实现简单的继承，但是该方法只能复制可枚举属性，不包括原型链上的属性。因此，如果需要复制原型链上的属性，还需要使用其他的方式，比如使用类的 extends 语法。
指导意义
学习使用 object.assign() 实现继承有助于我们理解 JavaScript 中对象的原型和原型链机制，并且在实际项目开发中可以提高代码的可复用性和可维护性。同时，在 ES2015 之前，实现简单的继承需要使用 prototype 和 constructor 等属性，代码复杂度较高。而使用 object.assign() 可以在一定程度上简化代码逻辑。
总结
本文介绍了使用 object.assign() 实现继承的方法，并且提到了其适用范围和限制。在实际项目开发中，我们需要根据具体情况选择合适的继承方式来实现代码复用和维护。最后，我希望本文的内容能给读者带来帮助和指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65a4fe43add4f0e0ffd5fecd