类继承是一种重要的面向对象编程的概念，也是 JavaScript 中常用的一种方法。在 ES6 中，类继承有了更加详细的实现方式，让我们能够更加方便的实现面向对象编程。
1. ES6 中类继承的基本语法
在 ES6 中，我们可以使用 class 关键字来声明一个类，然后使用 extends 关键字来实现继承。基本语法如下：
-- -------------------- ---- ------- ----- ------ - ----------------- - --------- - ----- - --------- - --------------- ---- -- --------------- - - ----- --- ------- ------ - ----------------- ------ - ------------ ---------- - ------ - ------ - --------------------- - -展开代码
在上面的代码中，我们定义了 Animal 类和 Dog 类。Dog 类继承了 Animal 类，并且添加了一个新的方法 bark()。
需要注意的是，我们在 Dog 类的构造函数中使用了 super() 方法来调用父类的构造函数，确保 this 对象正确初始化。
2. ES6 中类继承的细节
2.1 子类可以覆盖父类方法
子类可以覆盖父类的方法，例如：
-- -------------------- ---- ------- ----- ------ - ------- - ------------------- ----- - --------- - - ----- --- ------- ------ - ------- - ---------------- --------- - -展开代码
在上述代码中，Dog 的 speak() 方法覆盖了 Animal 的 speak() 方法。
2.2 super 关键字
在子类中，我们可以使用 super 关键字来调用父类的方法或属性。
- 在构造函数中，我们必须调用 super() 方法来初始化父类的属性：
class Dog extends Animal { constructor(name, breed) { super(name); // 调用父类的 constructor this.breed = breed; } }
- 在其他方法中，我们可以使用 super 来调用父类的方法或属性：
class Dog extends Animal { speak() { super.speak(); // 调用父类的 speak() 方法 console.log("Dog barks."); } }
2.3 继承原生对象
在 ES6 中，我们可以继承 JavaScript 的原生对象，例如 Array、Map、RegExp 等：
-- -------------------- ---- ------- ----- ------- ------- ----- - ----- - --- ----- - -- --- ---- ----- -- ----- - ----- -- ------ - ------ ------ - - --- --- - --- ---------- -- --- ----------------------- -- -展开代码
在上述代码中，MyArray 继承了 Array，然后添加了一个 sum() 方法，用于计算数组中的元素之和。
2.4 子类可以继续被继承
在 ES6 中，子类也可以被继承。例如：
-- -------------------- ---- ------- ----- ------ - ------- - ------------------- ----- - --------- - - ----- --- ------- ------ - ------- - ---------------- --------- - - ----- -------- ------- --- - ------- - --------------------- ----- ---------- - - --- --- - --- ----------- ------------ -- -------- ----- -------展开代码
在上述代码中，Labrador 类继承了 Dog 类，而 Dog 类继承了 Animal 类。
3. 总结
ES6 中类继承的语法和概念相对于 ES5 方法更加清晰和简单，在实现面向对象编程时提供了更加方便和灵活的方法。通过本文的深入学习，你应该已经掌握了 ES6 类继承的基本语法和细节。希望本文能对你提供一些指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649aafea48841e98947a2301
