JavaScript 中怎么用 class 语法实现类继承-js教程-PHP中文网

javascript类继承需用extends声明子类并在constructor中首行调用super()初始化this；子类自动继承父类实例属性（super后赋值）、原型方法（含get/set）及静态方法；可重写方法并用super.调用父版。

javascript 中怎么用 class 语法实现类继承

JavaScript 中用 class 语法实现类继承，核心是使用 extends 关键字声明子类，并在子类构造函数中通过 super() 调用父类构造函数。

基础继承写法

子类必须用 extends 显式继承父类；若子类定义了 constructor，则必须第一行调用 super()，否则报错。

不调用 super() → 报错：ReferenceError: Must call super constructor in derived class before accessing 'this'
super() 必须在访问 this 之前调用
super() 会执行父类的 constructor，并初始化 this

继承属性和方法

子类自动继承父类的实例属性（需在 super() 后设置）、原型方法（包括 get/set）和静态方法（需显式用 static 声明并继承）。

deep-java-review

Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...

下载

实例属性通常在 super() 后赋值：this.name = name
重写父类方法时，可用 super.方法名() 调用父类版本
静态方法不会被实例继承，但子类可直接继承父类的 static 方法

完整示例

以下是一个带构造参数、方法重写和 super 调用的典型例子：

class Animal {
  constructor(name) {
    this.name = name;
  }
  speak() {
    console.log(`${this.name} makes a sound.`);
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name); // ← 必须先调用
    this.breed = breed;
  }
  speak() {
    super.speak(); // ← 调用父类方法
    console.log(`${this.name} barks!`);
  }
}

const dog = new Dog('Buddy', 'Golden Retriever');
dog.speak();
// 输出：
// Buddy makes a sound.
// Buddy barks!