在 ECMAScript 2019 中，extends 关键字被引入用于实现类的继承。然而，在使用 extends 关键字时，可能会遇到一些错误，本文将介绍这些错误的原因，并提供解决方案。
错误示例
以下是一个使用 extends 关键字的错误示例：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
------- -
------------------------- ---------
-
-
--- - - --- --------------
---------- -- ---------- ------ ---- -------- ------ -- ---------在上面的示例中，我们定义了一个 Animal 类和一个 Dog 类，Dog 类继承自 Animal 类。然而，当我们实例化一个 Dog 对象并调用其 speak 方法时，会抛出一个 TypeError 错误，提示无法读取 undefined 的 name 属性。
错误原因
这个错误的原因是在子类的构造函数中没有调用 super() 方法。在使用 extends 关键字时，子类的构造函数必须调用 super() 方法，以便在父类上下文中执行构造函数。
在上面的示例中，我们可以在 Dog 类的构造函数中调用 super() 方法来解决这个问题：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
----------------- -
------------ -- ---------
-
------- -
------------------------- ---------
-
-
--- - - --- --------------
---------- -- ------ ------现在，我们可以正确地实例化一个 Dog 对象并调用其 speak 方法。
指导意义
使用 extends 关键字来实现类的继承是一种非常有用的技术，但必须注意在子类的构造函数中调用 super() 方法。这是因为在使用 extends 关键字时，子类必须在父类的上下文中执行构造函数，以便正确地继承父类的属性和方法。
除了在构造函数中调用 super() 方法外，还可以在子类的其他方法中使用 super 关键字来调用父类的方法。这是一种非常有用的技术，可以让我们在子类中扩展父类的行为。
在使用 extends 关键字时，还要注意避免循环依赖。循环依赖是指两个或多个类相互依赖，以至于它们无法正确地加载。为了避免循环依赖，我们可以使用模块化的设计模式，将类定义分离到不同的模块中。
结论
在 ECMAScript 2019 中，extends 关键字被引入用于实现类的继承。在使用 extends 关键字时，必须在子类的构造函数中调用 super() 方法，以便在父类上下文中执行构造函数。此外，还要注意避免循环依赖。使用 extends 关键字来实现类的继承是一种非常有用的技术，可以让我们更好地组织和扩展代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672855132e7021665e1fd89e