JavaScript 中的类继承是基于原型链实现的，主要涉及构造函数、原型对象和原型链。在继承机制中，一个类（子类）可以继承另一个类（父类）的属性和方法，让代码复用更加方便，可维护性更强。
继承的关键在于子类能够访问和使用父类的属性和方法，这通常通过设置子类原型对象为父类的一个实例来实现。这种做法使得子类的所有实例都能通过原型链查找到父类中定义的属性和方法。继承也允许子类重写父类的方法以表现不同的行为。
一、CLASS 语法糖下的继承
在 ES6 引入的 class 语法糖之下，继承显得更加简洁明了，此时使用的是 extends 关键字。构造函数和原型方法都能方便地在 class 定义内部完成。
-
使用 extends 实现继承
通过在子类定义时使用extends关键字，可以指定该子类继承自哪个父类。在子类的构造函数中，必须首先调用super()方法，这个方法调用会执行父类的构造器，并且返回父类的实例。 -
重写父类方法
子类可以包含与父类相同名称的方法。当这种情况发生时，子类的方法会覆盖掉父类的方法，这称为方法重写。若需要在子类方法中调用父类被重写的方法，可通过super关键字来实现。
二、构造函数和原型链继承
在 ES6 引入 class 关键字之前，JavaScript 的继承主要是依赖构造函数和原型链来实现的。
-
构造函数继承
子类的构造函数中调用父类的构造函数，使用call或者apply方法将父类构造函数的上下文切换到子类实例上，从而实现属性的继承。 -
原型链继承
将子类的原型设置为父类的一个实例。这样，子类就可以通过原型链查找到父类的属性和方法。但是，这种方法有一个缺点是所有的子类实例共享了父类的引用属性，这可能会导致意外的数据共享。
三、组合继承
组合继承结合了构造函数和原型链继承的优点。
-
组合继承的原理
即使用构造函数继承父类的属性，通过原型链继承父类的方法。这种方式的主要优势在于能够避免原型链继承中由于共享引用属性而引起的问题，同时又能够实现方法的重用。 -
组合继承的实现
子类的构造函数中调用父类的构造函数来继承属性，同时子类的原型被设置为父类的实例来继承方法。这样做的结果是每个子类的实例都有一份属于自己的属性，且能够访问父类的方法。
四、原型式继承
原型式继承主要依赖于 Object.create 方法来实现。
-
Object.create 实现继承
Object.create方法创建一个新对象，使得这个新对象的原型指向传入的对象。这样，新对象可以访问该原型对象的属性和方法。 -
原型式继承的特点
原型式继承适合不需要单独创建构造函数，但又想在多个对象间共享属性和方法的情况。
五、类的静态方法和属性的继承
除了通常的实例属性和方法外，类还可以拥有静态方法和属性，这些方法和属性与类的实例无关。
-
静态方法和属性
使用static关键字可以定义类的静态方法和属性。静态方法通常用于实现与类相关但不特定于类实例的功能。 -
静态属性和方法的继承
当一个类继承自另一个类时，它也会继承父类的静态方法和属性。这意味着可以通过子类直接调用它们，而无需创建类的实例。
六、基于类的继承的最佳实践与注意事项
在实现继承时，需要考虑代码的可维护性和性能。
-
避免过深的继承层级
过多的继承层级会使得代码难以理解和维护。通常推荐尽量保持继承的层次较浅。 -
注意属性和方法的复用
继承应当用来复用代码，在设计类的层次结构时需要注意合理划分，确保父类和子类的职责明确，避免子类继承不必要的属性和方法。
综上所述，JavaScript 中的类继承是通过组合构造函数继承和原型链继承两种方式实现的。选择合适的继承模式，并结合实际需求，可以使得代码结构清晰，并且容易维护。在 class 语法出现之后，这些继承方式尽管在语法上得到了简化和优化，但底层的继承机制却没有改变。
相关问答FAQs：
什么是 JavaScript 中的 class 继承？
JavaScript 中的 class 继承是一种通过一个类来派生另一个类的机制。子类继承了父类的属性和方法，并且可以添加新的属性和方法，实现代码的复用和组织。
如何在 JavaScript 中使用 class 继承？
要使用 class 继承，在定义子类时需要使用 extends 关键字来指定父类。然后，子类可以重写父类的方法，或者新增自己的方法和属性。可以使用 super 关键字来调用父类的方法。
有哪些常见的 JavaScript class 继承的模式？
除了常见的单继承模式，在 JavaScript 中还有一些其他的继承模式，如多继承、混合继承和原型链继承等。这些继承模式都有自己的特点和适用场景，可以根据具体需求选择合适的模式来实现继承。
