JS 中的 extends 继承到底有啥作用？详细梳理使用场景与最佳实践

理解 JS 中的 extends 继承在设计中的作用

基本概念与语义

在 ES6 引入的 class 语法中，extends 关键词定义了一个子类和父类之间的关系。extends 通过将子类的原型链指向父类来实现方法和字段的共享，提升了代码的复用性与可维护性。继承不仅是语法糖，更映射到 原型链 的结构，帮助开发者在设计阶段明确“是一种类型”的关系。

语义层面，使用 extends 的子类会自动继承父类的实例方法，而你可以在子类中覆写（override）方法，或者在子类的构造函数中通过 super 调用父类的构造器来完成初始化。通过这种方式，子类既获得父类的行为，也具备自定义能力。

class Animal {constructor(name) { this.name = name; }speak() { console.log(this.name + ' makes a sound'); }
}
class Dog extends Animal {constructor(name) { super(name); } // 构造阶段调用父类初始化speak() { super.speak(); // 调用父类实现console.log(this.name + ' barks');}
}

注意，extends 还会把父类的静态成员复制到子类，使得 静态方法 与属性也能被继承引用，进一步在类层面提供了共享能力。
super 与初始化顺序
在子类的构造函数中，必须在使用 this 之前调用 super()，否则会抛出错误。这体现了 初始化顺序（先调用父类构造再完成子类自有字段的赋值）的原则，保证实例在进入自有初始化阶段时处于有效状态。
除了构造函数，子类重写的方法可以通过 super 调用父类的方法，形成 多态 行为，既保留父类的通用实现，也允许子类扩展特有逻辑。
常见使用场景与模式
适用场景一：组件库的基类与扩展
在 UI 组件库中，往往需要一个 基类组件，它封装共有的渲染、事件处理、生命周期逻辑。通过 extends 可以实现子组件对基类能力的复用，同时在子组件中覆盖或扩展行为。
推荐做法是让 基类组件 负责通用行为，具体组件通过 继承 来实现特定样式和逻辑，而非让所有组件都直接重复实现。
class Component {render() { /* 公共渲染逻辑 */ }setState(partial) { /* 更新状态 */ }
}
class Button extends Component {render() {// 调用父类的渲染并追加按钮特有逻辑super.render();}
}

关键点是使用 extends 构建层次结构，同时在需要时利用 super 调用父类方法来保持一致性。
适用场景二：模型对象的层次结构
在领域模型中，父类通常定义通用属性，如 id、创建时间 等，子类则扩展特定字段。extends 帮助实现结构化的对象模型和统一的序列化/反序列化逻辑。
通过 覆写 与 调用父类方法，可以在保留公共能力的同时实现领域特化。
 extends 的边界：原型链与限制
原型链的关系
extends 的实现实际上等价于将子类的原型对象指向父类的实例，以此建立 原型链 的继承关系。这使得子类实例能够访问父类的 实例方法 与属性。
需要注意的是，原型链 的层级越深，访问开销略有增加，但在大多数应用场景中，这种设计带来的代码组织优势远大于微小的性能成本。
不要滥用深层继承
过深的继承层次会导致代码难以维护，且容易造成 耦合 与 修改成本 上升。此时应考虑 组合优先、或通过 混入（mixin）模式、委托等替代方案，以实现行为复用而非强制的类型层次绑定。
class Vehicle {move() { console.log('move'); }
}
class Car extends Vehicle {move() { super.move(); console.log('drive on road'); }
}
最佳实践与设计原则
何时选择继承、何时选择组合
继承应当用于表达“是一种类型”的关系，例如 Dog is a kind of Animal。当行为是可共享的通用能力时，继承可以带来代码复用。但如果只是想在功能上重复某些实现，应该考虑 组合（将对象作为其他对象的成员）来避免强耦合。
在设计时，优先考虑 组合优于继承 的原则，以减少未来的变更成本和副作用。
// 组合示例：不使用 extends，而将行为委托给另一个对象
const canFly = {fly() { console.log('fly'); }
};
class Bird {constructor(name) { this.name = name; this.abilities = Object.assign({}, canFly); }
}
class Eagle extends Bird {constructor(name) {super(name);}
}
Eagle.prototype.fly = canFly.fly;

继承的最佳实践清单
明确的接口：父类要提供清晰的公共方法和属性，子类要有明确的扩展点。super 的调用点要清晰，避免在子类中滥用父类的实现。
避免覆盖全局状态：子类覆盖父类的行为时，应当注意对父类状态的影响，保持封装性，避免破坏父类的初衷。
class Base {greet() { console.log('Hello'); }
}
class Derived extends Base {greet() {// 仅扩展，不破坏父类语义super.greet();console.log('from Derived');}
}