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

javascript 中 class 语法的继承通过 extends 关键字实现，子类会自动获得父类的属性和方法。在子类的构造函数中必须调用 super() 来执行父类初始化并获取 this 上下文，否则无法访问实例属性。

JavaScript 中 class 语法怎么实现继承

`extends` 如何建立原型链关系

extends 关键字不仅复制了方法引用，还建立了原型的继承链，使得 instanceof 检查能够正确识别父子关系。这种机制确保了子类实例可以访问到定义在父类原型上的共享方法，同时保持各自独立的实例状态。

JavaScript 中 class 语法怎么实现继承

class Animal {
  constructor(name) {
    this.name = name;
  }
  speak() {
    return `${this.name} makes a noise.`;
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name);
    this.breed = breed;
  }
  speak() {
    return `${this.name} barks.`;
  }
}

const dog = new Dog('Rex', 'German Shepherd');
console.log(dog.speak()); // Rex barks.
console.log(dog instanceof Animal); // true
console.log(dog instanceof Dog); // true

`super()` 在构造函数中的具体行为

super() 调用必须在访问 this 之前执行，它负责运行父类的构造函数逻辑并将结果绑定到当前实例。如果省略 super()，子类实例将无法初始化从父类继承的属性，且直接访问 this 会抛出 ReferenceError。

JavaScript 测试模式

使用 Jest、Vitest 和 Testing Library 实施全面的测试策略，包括单元测试、集成测试和端到端测试，涵盖模拟、测试夹具和测试驱动开发。在编

下载

JavaScript 中 class 语法怎么实现继承

class Parent {
  constructor(x) {
    this.x = x;
  }
}

class Child extends Parent {
  constructor(x, y) {
    // 必须先调用 super
    super(x);
    // 此时才能使用 this
    this.y = y;
  }
}

// const invalid = new Child(1, 2); // 报错: Must call super constructor
const valid = new Child(1, 2);
console.log(valid.x); // 1
console.log(valid.y); // 2