在 JavaScript 中，原型继承是一种常见的实现继承的方式。在 ES6 中引入了 Class 关键字，使得实现面向对象编程更加容易。然而，使用 Class 还是使用原型继承一直是一个争议的话题，尤其是在前端开发中。在本文中，我们将介绍如何使用 ES9 中的新特性代替 Class 的原型继承。
了解 ES6 中的 Class
我们先来了解一下 ES6 中的 Class。在 ES6 中，我们可以使用 Class 关键字创建一个类，并使用 extends 关键字实现继承。例如：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
------- -
------------------------- ---------
-
-
--- --- - --- -----------
------------ -- ---- -------在上面的例子中，我们创建了一个 Animal 类和一个 Dog 类，后者继承了前者。我们还可以使用 super 关键字调用父类的构造函数和方法。
尽管 ES6 中的 Class 语法简化了实现继承的过程，并且具有更加直观的面向对象编程思维，但是它仍然存在一些缺点。一些开发者认为，使用 Class 会使代码更加冗长，而且不支持一些 JavaScript 的特性。
使用 ES9 中的新特性实现继承
ES9 中引入了两个新特性：Object.assign() 和 Object.create()。我们可以使用这两个特性来实现原型继承，而无需使用 Class。例如：
-- -------------------- ---- -------
----- ------ - -
---------- -
--------- - -----
--
------- -
------------------------- ----- - ---------
-
--
----- --- - ----------------------
--------- - ---------- -
------------------------- ---------
--
--- --- - -------------------
----------------
------------ -- ---- -------在上面的例子中，我们使用 Object.create() 方法创建了一个 Dog 对象，并将其原型指向 Animal 对象。然后，我们重写了 Dog 对象的 speak 方法。最后，我们使用 Object.create() 方法创建了一个 dog 对象，并调用其方法。
开始使用 ES9 的继承方式
使用 ES9 中的 Object.assign() 和 Object.create() 可以使我们避免使用 Class，更加直接地实现原型继承。此外，我们的代码将更具有可读性，使其他开发者更容易理解和维护。你可以通过以下示例代码进一步学习使用 ES9 的继承方式：
-- -------------------- ---- -------
-- -- --------------- ------
----- ------ - -
---------- -
--------- - -----
--
------- -
------------------------- ----- - ---------
-
--
----- --- - ----------------- ------- -
------- -
------------------------- ---------
-
---
--- --- - ----------------- -----
----------------
------------ -- ---- -------
-- -- --------------- ------
----- ------ - -
---------- -
--------- - -----
--
------- -
------------------------- ----- - ---------
-
--
----- --- - ----------------------
--------- - ---------- -
------------------------- ---------
--
--- --- - -------------------
----------------
------------ -- ---- -------总结
在本文中，我们介绍了如何使用 ES9 中的 Object.assign() 和 Object.create() 方法代替 Class 的原型继承。使用 ES9 的继承方式，我们可以使代码更加可读性和简洁，同时也可以更好地支持 JavaScript 的一些特性。相信你已经对这种继承方式有了更深入的了解，在实际开发项目中尝试使用它吧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647805c9968c7c53b044b9fe