JavaScript中Class是原型链继承的语法糖，本质仍基于构造函数和原型链机制，通过extends实现子类原型链接父类原型，与Object.create效果一致。
JavaScript中的原型链继承与Class语法糖本质上是同一套继承机制的不同表现形式。Class并不是一个全新的继承模型，而是对已有原型继承的语法封装。
原型链继承的核心机制
在ES6之前，JavaScript通过构造函数和原型对象实现继承：
- 每个函数都有一个prototype属性，指向其原型对象
- 实例通过__proto__链接到构造函数的prototype
- 当访问属性时，若实例上没有，会沿着__proto__向上查找，形成原型链
- 继承通过让子类原型指向父类实例或使用Object.create()实现
例如传统方式实现继承：
// 父类 function Animal(name) { this.name = name; } Animal.prototype.speak = function() { console.log(this.name + ' makes a sound'); }; // 子类 function Dog(name, breed) { Animal.call(this, name); this.breed = breed; } Dog.prototype = Object.create(Animal.prototype); Dog.prototype.constructor = Dog;Class语法糖的底层实现
ES6的Class写法看起来像传统面向对象语言，但底层依然基于原型链：
立即学习“Java免费学习笔记（深入）”；
- class关键字只是语法糖，不会引入新的对象模型
- 类声明创建一个函数，这个函数就是构造器
- 类中定义的方法被添加到该函数的prototype上
- extends实现的本质是设置子类prototype的__proto__指向父类，并处理构造函数的继承
上面的例子用Class写法：
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; } }这段代码执行后，Dog.prototype的__proto__指向Animal.prototype，与手动设置Object.create的效果一致。
两者的关键联系点
- Class生成的方法默认不可枚举，这与Object.defineProperty设置的原型方法行为一致
- super调用实际上是在当前对象的原型链上查找方法，等价于Object.getPrototypeOf()
- new class创建的实例，其继承链条与构造函数模式完全相同
- 都可以动态修改原型，影响所有实例
基本上就这些。Class让原型继承更直观，但理解原型链仍是掌握JavaScript继承的关键。
