ECMAScript 2016 中的 Class 和 extends 关键字详解
ECMAScript 2016（也称为 ES7）引入了 Class 和 extends 关键字。在这篇文章中，我们将详细了解这些关键字的用途、用法和规则，以及如何在实际项目中应用它们。
Class 关键字
Class 是一种新的语言特性，用于创建对象和定义类。在传统上，JavaScript 是以函数为对象的基础，但是 Class 关键字的引入使得 JavaScript 支持了继承、方法重写和多态这样的面向对象编程（OOP）的特性。
定义一个 Class 的语法很简单：使用 class 关键字，接着紧跟着类的名字，然后在大括号内定义类的属性和方法。下面是一个简单的示例：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ----------------
-
-在上面的示例中，我们定义了一个 Person 类，包含了两个属性（name 和 age）和一个方法（sayHello）。使用 constructor 方法创建类的实例并设置属性值。
extends 关键字
extends 是 Class 中实现继承的关键字。使用这个关键字，我们可以轻松地创建子类，从而扩展父类的功能。下面是一个示例：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------ -
------------------------- -- ----------
-
-
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
------ -
---------------- ------------- --- ----- ------------ -- -----------
-
-
--- ----- - --- ------------ ------- ------------
------------- -- ------ -- --------
------------- -- ---- ------ --------- --- ----- ----- -- ---------在上面的示例中，我们定义了一个 Animal 类和一个 Dog 类，使用 extends 关键字创建了 Dog 类的子类。子类继承了父类的所有属性和方法，并添加了自己的一些属性和方法。注意到我们在子类的 constructor 方法中调用了 super() 方法，这是因为我们需要在子类中使用父类的属性和方法。
总结
在本文中，我们介绍了 ECMAScript 2016 中的 Class 和 extends 关键字，并通过简单的示例代码自学了面向对象编程中的一些重要概念。我们希望，这篇文章对于那些正在学习 JavaScript 以及想要将其应用于前端开发中的人们有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64feb22095b1f8cacdd61364