ECMAScript 2017 是 JavaScript 标准的第八个版本，也称作 ES8。ES8 中引入了许多新特性，其中一个值得我们关注的特性是构造函数继承（Class Property）。
构造函数继承
在 ES8 之前，我们定义一个类时通常都是这样写的：
-------- ------------ - --------- - ----- - ------------------------ - ---------- - ------ ---------- -- -------- --------- ------ - ---------- - ------ ----------------- ------ - ------------- - -------------------------------- ------------------------- - ---- ---------------------- - ---------- - ------ ----------- -- --- --- - --- ---------- --------- --------------------------- -- --- ---------------------------- -- -----
在这个例子中，我们定义了两个类 Animal 和 Cat。Cat 继承了 Animal，并且在构造函数中调用了父类的构造函数。然后将 Cat.prototype 设置为一个新的 Object.create() 对象，以便 Cat 的实例继承 Animal 的原型，并把 constructor 属性设置回 Cat。
而在 ES8 中，我们可以这样写：
----- ------ -
----------------- -
--------- - -----
-
--------- -
------ ----------
-
-
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
---------- -
------ -----------
-
-
--- --- - --- ---------- ---------
--------------------------- -- ---
---------------------------- -- -----这样看起来好像没有什么不同，但是这里有两个大的改进。
首先，我们可以使用新的关键字 class 来声明一个类，让代码更加易读和可维护。
其次，我们可以使用 extends 关键字来实现继承，这样代码更加简洁易懂。
最后，我们可以使用 super() 调用父类的构造函数，并将参数传递给它，这样代码更加规范。
学习与指导意义
构造函数继承是很实用的特性，因为它可以让我们更加方便地实现类的继承，使得代码更加结构化和可读性更强。同时，ES8 的类也支持了 getter 和 setter，即 get 和 set 方法，极大地增强了类的功能。
对于大型项目而言，类的继承和模块化是很重要的，它们可以降低代码的复杂度，提高开发效率和质量。
示例代码
下面是一个包含构造函数继承和 getter/setter 方法的示例代码：
----- ------ -
----------------- ---- -
---------- - -----
--------- - ----
-
--- ------ -
------ -----------
-
--- ---------- -
---------- - -----
-
--- ----- -
------ ----------
-
--- -------- -
--------- - ----
-
---------- -
------------------- -- ---- -- -------------- --- ------------ ----- -------
-
-
----- ------- ------- ------ -
----------------- ---- ------ -
----------- -----
----------- - ------
-
--- ------- -
------ ------------
-
--- ------------ -
----------- - ------
-
------- -
-------------------------- -- -------- -- ----- ------------------
-
-
--- --- - --- -------------- --- ---
---------------------- -- ---
--------------------- -- --
--------------- -- ------ -- ---- -- ---- --- -- ----- ----
----------------------- -- -
------------ -- --- -- -------- -- ----- --在这个示例代码中，我们定义了两个类：Person 和 Student。Student 继承了 Person，而 Person 中定义了 getter 和 setter 方法，并且还定义了一个 sayHello() 方法。Student 中也定义了 getter 和 setter 方法，并新增了一个 study() 方法。
使用这些类，我们可以创建一个新的 Student 实例，然后调用它们的方法来获取或修改它们的属性，如上面的代码所示。
总结
ES8 的构造函数继承是一项很实用的特性，它让我们可以更加方便地实现类的继承，从而使得代码更加结构化和易读。同时，getter 和 setter 方法的引入也让类的功能更加强大。在编写大型项目时，结合好继承和模块化，可以大大提高开发效率和质量，因此学会这些特性是极为重要的。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65015ab995b1f8cacdf162dc