在前端开发中，我们经常需要使用类来组织代码。在某些情况下，我们需要从现有的类派生出一个新的类，并在新类中扩展实例属性和私有字段。这个过程被称为“继承”。
本文将会探讨如何在 JavaScript 中继承现有类，并扩展实例属性和私有字段。我们还将提供一些示例代码，以帮助您更充分地理解这个过程。
现有类的继承
在 JavaScript 中，类可以通过使用 extends 关键字从现有的类中派生出来。让我们看一个例子：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
----------------- -
------------
-
------- -
------------------------- ---------
-
-
--- - - --- --------------
---------- -- ------ ------在这个例子中，我们定义了一个 Animal 类，其有一个构造函数和一个 speak 方法。现在，我们已经从 Animal 类中派生出一个新的类 Dog。Dog 类重写了 speak 方法，以便输出不同的信息。
我们还需要注意到，在新类中我们调用了 super 函数来调用父类的构造函数。在这种情况下，我们将 name 参数传递给了 super 函数。
扩展实例属性
我们可以使用类的构造函数来扩展实例属性。让我们来看一个例子：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
-
----- -------- ------- ------ -
----------------- ---- --------- -
----------- -----
------------- - ---------
-
-
--- - - --- -------------- ----- --- -----------
-------------------- -- ---- ---
------------------- -- --
------------------------ -- -------在这个例子中，我们定义了一个 Person 类，其有两个实例属性 name 和 age。现在，我们已经从 Person 类中派生出一个新的类 Employee。Employee 类还添加了一个新的实例属性 position。
在 Employee 类的构造函数中，我们调用了父类的构造函数，并将 name 和 age 参数传递给了 super 函数。然后，我们通过 this.position = position 将新的实例属性 position 添加到了 Employee 类的实例中。
扩展私有字段
我们可以使用闭包来扩展私有字段。让我们来看一个例子：
-- -------------------- ---- -------
----- --- -
------------------ -
------------- - ---------- -
------ ------
--
-
-
----- ----- ------- --- -
------------------ ------------ -
-------------
------------------- - ---------- -
------ ------------
--
-
-
--- - - --- ------------ --- ---- --------
-------------------------- -- ----- -
-------------------------------- -- --- -----在这个例子中，我们定义了一个 Car 类，其有一个私有字段 model。我们使用闭包，将 getModel 函数添加到了 Car 类的实例中。
现在，我们已经从 Car 类中派生出了一个新类 Tesla。在 Tesla 类的构造函数中，我们调用了父类的构造函数，并将 model 参数传递给了 super 函数。然后，我们使用闭包，将 getBatteryLife 函数添加到了 Tesla 类的实例中。
总结
继承现有类可以帮助我们更好地组织代码。在 JavaScript 中，我们可以使用 extends 关键字来从现有的类中派生出一个新的类，并在新类中扩展实例属性和私有字段。
在本文中，我们提供了一些示例代码，以帮助您更深入地了解这个过程。我们希望，您可以通过将这些概念应用到您自己的代码中，使您的项目更加清晰、易于维护和扩展。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6496b94a48841e98943f4204