推荐使用 ES6 class + extends 实现继承，语义清晰且兼容性好；子类 constructor 中须首行调用 super()，通过 super.方法名() 调用父类方法；底层仍基于原型链，class 是语法糖。
JavaScript 中实现继承有多种方式，核心目标是让子类能复用父类的属性和方法，并支持原型链查找。现代开发中推荐使用 ES6 class + extends，但理解底层原理（如原型链、构造函数调用）仍很重要。
ES6 class 继承（推荐，最简洁清晰）
使用 class 和 extends 关键字，配合 super() 调用父类构造函数，语义明确、可读性强，且被所有现代浏览器和 Node.js 支持。
- 子类必须在 constructor 中第一行调用
super()，否则无法访问this - 父类方法可通过
super.方法名()在子类中调用 - 静态方法、getter/setter、async 方法均可正常继承和重写
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`);
}
}
原型链继承（基础原理，需手动设置 prototype）
通过将子类的 prototype 指向父类的一个实例来实现继承，使子类实例能沿原型链访问父类原型上的方法。
- 简单直接，体现 JavaScript 原型本质
- 缺点：父类构造函数会被执行一次（可能产生冗余初始化），且所有子类实例共享父类实例的引用类型属性
- 通常需配合
Object.create()避免直接 new 父类带来的副作用
function Animal(name) {
this.name = name;
}
Animal.prototype.speak = function() {
console.log(this.name + ' speaks');
};
function Dog(name, breed) {
this.breed = breed;
}
Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog; // 修复 constructor 指向
Dog.prototype.speak = function() {
Animal.prototype.speak.call(this);
console.log(this.name + ' barks');
};
构造函数继承（借用 call/apply）
在子类构造函数中用 Parent.call(this, ...) 调用父类构造函数，实现对父类实例属性的继承（不继承原型方法）。
动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版
下载
动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包
立即学习“Java免费学习笔记（深入）”；
- 可传参，每个子类实例拥有独立的父类属性（避免引用共享问题）
- 缺点：无法继承父类原型上的方法，代码复用性差
- 常与原型链继承组合使用（即“组合继承”）
function Animal(name) {
this.name = name;
this.colors = ['black', 'white'];
}
Animal.prototype.speak = function() {
console.log(this.name + ' speaks');
};
function Dog(name, breed) {
Animal.call(this, name); // 继承实例属性
this.breed = breed;
}
// 再通过原型链继承方法
Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;
ES6 class 是语法糖，底层仍是原型机制
class 并未改变 JavaScript 的原型继承本质。Babel 编译后，extends 会生成类似 Object.setPrototypeOf(Sub.prototype, Super.prototype) 的逻辑，并确保构造函数正确链接。
- 可以安全使用
instanceof判断继承关系 - 支持
static方法继承（子类可直接调用父类静态方法） - 不支持多重继承，但可通过 mixin 模式模拟部分能力
__proto__ 或 prototype.__proto__ 手动修改原型链，既不标准也不可靠。
不复杂但容易忽略：继承的关键不在“怎么写”，而在“是否真正理解 this 绑定、原型链查找顺序、构造函数执行时机”。掌握一种主流方式（如 class extends），再了解其背后机制，就能应对绝大多数场景。
