Javascript中如何实现继承机制？

admin 百科 2025-12-18 10

JavaScript继承推荐用class语法（ES6+），本质是原型链的语法糖；也可手动操作prototype和Object.setPrototypeOf；需注意super()调用、constructor修复、组合继承冗余等问题。

Javascript中如何实现继承机制？-第1张图片-佛山资讯网

JavaScript 中实现继承主要靠原型链和构造函数配合，现代写法推荐用 class 语法（本质仍是基于原型的语法糖），同时也可以手动操作 prototype 和 Object.setPrototypeOf 等底层方式。

使用 class 关键字（推荐，ES6+）

这是最清晰、易读、符合面向对象习惯的方式，底层依然基于原型链。

用 extends 声明继承关系
子类构造函数中必须调用 super()，否则无法访问 this
方法默认定义在父类/子类的 prototype 上，可被实例继承

示例：

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

class Dog extends Animal {
  constructor(name, breed) {
    super(name); // 必须先调用 super()
    this.breed = breed;
  }
  woof() {
    console.log(`${this.name} says woof!`);
  }
}

const dog = new Dog('Buddy', 'Golden');
dog.speak(); // Buddy makes a sound（继承自 Animal）
dog.woof(); // Buddy says woof!（自身方法）