ES6的extends本质是语法糖，底层基于原型链和构造函数机制实现继承，自动完成原型关联、构造函数绑定与super调用，其核心包括Child.prototype.__proto__指向Parent.prototype、super()初始化this并挂载父类属性、Child.__proto__指向Parent以继承静态成员。

ES6 的 extends 本质是语法糖，底层仍基于 JavaScript 原型链 + 构造函数调用机制实现继承。它自动完成了原型关联、构造函数绑定和 super 调用等关键步骤，但理解其背后原理，才能真正掌握继承的本质。

原型链继承：extends 的核心基础

JavaScript 中的继承依赖于对象的 [[Prototype]]（即 __proto__）链。子类必须能沿着这条链访问到父类的原型方法。

• Child.prototype.__proto__ 指向 Parent.prototype，这样实例调用方法时能向上查找
• ES6 class A extends B 会自动设置这一关系，等价于手动执行 Object.setPrototypeOf(Child.prototype, Parent.prototype)
• 注意：不是把 Child.__proto__ 指向 Parent（那是静态方法继承），而是原型对象之间的连接

构造函数执行与 super 的作用

super() 不只是调用父类构造函数，它还承担两个关键职责：

• 在子类构造函数中，必须先调用 super()，否则无法访问 this —— 因为子类的 this 是由父类构造函数初始化的（V8 引擎限制）
• super() 内部会以子类实例为 this，执行父类构造函数，从而让父类的属性挂载到该实例上
• 若不写 super()，引擎会抛出 ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor

静态属性/方法的继承：通过 constructor 链接

子类能直接调用父类的静态方法（如 Parent.method()），是因为：

• Child.__proto__ 被自动设为 Parent（而非 Function.prototype）
• 这使得静态成员查找走的是构造函数的 [[Prototype]] 链，即 Child → Parent → Function.prototype
• 等价于手动设置：Object.setPrototypeOf(Child, Parent)

可替代的手动实现（模拟 extends）

下面代码展示了 class B extends A 在 ES5 环境下的等效逻辑：

function A(name) { this.name = name; }
A.prototype.say = function() { return 'hi'; };

function B(name, age) {
  A.call(this, name); // 相当于 super(name)
  this.age = age;
}
// 设置原型继承
Object.setPrototypeOf(B.prototype, A.prototype);
// 设置静态继承
Object.setPrototypeOf(B, A);

// 补充：确保 constructor 正确指向
B.prototype.constructor = B;

这段代码还原了 extends 的三大行为：实例属性继承（call）、原型方法继承（setPrototypeOf）、静态成员继承（setPrototypeOf）。现代 Babel 转译器正是这样处理 class extends 的。