JavaScript 在 Web 前端中扮演着至关重要的角色。在当今的前端开发环境中，我们需要编写大量的 JavaScript 代码来实现各种功能。但是，JavaScript 语言本身并不提供像其他面向对象语言那样的“类”概念。不过，从 ES6（ECMAScript 2015）开始，JavaScript 引入了类和继承这一概念，使得 JavaScript 开发人员可以编写可复用的代码，从而更好地组织和管理代码。
什么是类和继承？
JavaScript 中的“类”是一个模板或蓝图，用于创建具有相似属性和行为的对象。类定义了对象的属性和方法。而“继承”则是一种将类之间的属性和方法共享的方式。通过继承，我们可以从父类中“继承”一些通用的属性和方法，并在子类中扩展或添加新的属性和方法。
使用类来创建 JavaScript 对象
使用 ES6 中的 class 关键字可以定义一个类。下面是一个简单的类定义的例子：
-- -------------------- ---- -------
----- --------- -
------------------- ------ -
----------- - -------
---------- - ------
-
--- ------ -
------ ----------- - -----------
-
-在这个例子中，我们定义了一个名为 Rectangle 的类。这个类有两个属性：height 和 width，这两个属性在类的构造函数中进行初始化。我们还定义了一个计算矩形面积的 area 计算属性。通过这个类，我们可以创建 Rectangle 对象的实例：
const rect = new Rectangle(10, 20); console.log(rect.area); // 200
通过类，我们可以创建多个具有相同属性和方法的对象。这样，我们可以更好地组织和管理代码，同时提高代码的复用性和可维护性。
使用继承来扩展类
继承允许我们创建一个新的类（子类），该类从一个现有类（父类）继承一些属性和方法。通过继承，子类可以使用父类中定义的所有属性和方法，并在此基础上添加或重写属性和方法。下面是一个使用继承创建子类的例子：
class Square extends Rectangle {
constructor(side) {
super(side, side);
}
}
const sq = new Square(10);
console.log(sq.area); // 100在这个例子中，我们定义了一个名为 Square 的子类，并从 Rectangle 父类继承了构造函数和 area 计算属性。由于正方形的两条边长相等，因此我们只需要传入一个参数即可创建一个正方形对象。
在这个例子中，我们使用了 super() 函数调用父类的构造函数，以便在子类中初始化父类中定义的属性。还可以使用 super 关键字调用父类中的方法。这样，我们就可以在子类中重写父类中的方法，而不是完全重新实现它。
使用类和继承的优点
使用类和继承可以带来许多好处，如下所示：
- 可重用性：类和继承使我们能够封装一些通用的代码，并将其用于多个对象。这样，我们可以避免重复编写相似的代码，从而提高代码的可重用性和可维护性。
- 更好的代码组织和管理：将对象的属性和方法定义为类的属性和方法，可以使我们更好地组织和管理代码。因为我们可以将相关属性和方法放在同一个类中，并根据需要创建类的实例。
- 更好的代码可读性：使用类和继承可以使代码更简洁、易于理解和维护。这是因为通过继承，我们可以在子类中重写或扩展父类中的方法，使代码更加清晰。
总结
JavaScript 中的类和继承是一种强大的编程模式，可以提高代码的可重用性、可维护性和可读性。使用 ES6 中的 class 关键字可以方便地定义类，使用 extends 关键字可以方便地创建子类。通过使用类和继承，我们可以更好地组织和管理代码，并编写可复用的 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c07db39e06631ab9ccd5da