在 ES6 中，构造函数有一些常见的问题，比如 this 上下文、继承问题等。本文将深入探讨这些问题，并提供解决方案。
问题 1：this 上下文
在 ES6 中，我们可以使用 class 关键字来定义类，但是当类中的方法作为事件处理程序或回调函数时，在执行函数时，this 上下文可能会变化。例如：
-- -------------------- ---- -------
----- ------- -
------------------
--------- - -----
-
------------- -
------------------ ---------------
-
-
----- -------- - --- -----------------
----- ------ - ---------------------------------
-------------------------------- ----------------------以上代码中，handleClick 作为事件处理程序被添加到了按钮上，当点击按钮时，控制台输出的内容应该是 "Hello World"，但实际上却会报错，因为此时 this 指向了按钮元素。
为了解决这个问题，我们可以使用箭头函数来定义事件处理程序，因为箭头函数不会改变 this 上下文：
-- -------------------- ---- -------
----- ------- -
------------------
--------- - -----
-
----------- - -- -- -
------------------ ---------------
-
-
----- -------- - --- -----------------
----- ------ - ---------------------------------
-------------------------------- ----------------------现在，this 将指向 MyClass 实例，控制台输出 "Hello World"。
问题 2：继承问题
在 ES6 中，我们可以使用 extends 关键字来实现类的继承。但是，在子类的构造函数中调用 super() 时，有一些细节需要注意。
首先，如果子类没有自己的构造函数，那么它会默认调用父类的构造函数：
-- -------------------- ---- -------
----- ----------- -
------------------
--------- - -----
-
-
----- ---------- ------- ----------- --
----- -------- - --- --------------------
--------------------------- -- -------其次，如果子类有自己的构造函数，那么在构造函数中必须调用 super() 才能访问父类的属性和方法：
-- -------------------- ---- -------
----- ----------- -
------------------
--------- - -----
-
-
----- ---------- ------- ----------- -
-----------------
---------------
-------- - ----
-
-
----- -------- - --- ---------------
--------------------------- -- -------
-------------------------- -- --最后，注意当子类继承原生对象类型时，一定要调用父类的构造函数，并且不能使用箭头函数。例如：
-- -------------------- ---- -------
----- ------- ------- ----- -
-------------------- -
---------------
-
-
----- --- - --- ----------
----------- -- ---
------------------------ -- -总结
ES6 中的构造函数有一些常见的问题，包括 this 上下文、继承问题等。在使用类时，我们应该尽可能地使用箭头函数来定义事件处理程序，同时注意在子类的构造函数中调用 super()。
以上是本文对 ES6 中构造函数问题的深入讲解和指导意义，通过实例代码开阐述相关问题的原理和实现，相信可以帮助读者更好的掌握类的相关知识点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651aa30295b1f8cacd27fc07