JavaScript继承通过原型链实现,即对象内部[[Prototype]]隐式链接形成p→Person.prototype→Object.prototype→null的查找链;ES6 class是语法糖,底层仍基于此机制。

JavaScript 中的继承是通过原型链实现的,不是靠类的“父类子类”关系,而是靠对象内部的 [[Prototype]] 隐式链接,把一个对象和另一个对象连起来,形成一条查找属性和方法的链条。
原型链是怎么形成的?
每个函数(包括构造函数)都有一个 prototype 属性,它是一个对象,默认带有一个 constructor 属性指回该函数。每个实例对象内部都有一个隐式原型 [[Prototype]](可通过 __proto__ 访问,但不推荐直接用),它指向其构造函数的 prototype 对象。
比如:
-
function Person() {}→Person.prototype是一个对象 -
const p = new Person()→p.__proto__ === Person.prototype -
Person.prototype.__proto__ === Object.prototype(因为Person.prototype是普通对象) -
Object.prototype.__proto__ === null(链的终点)
这样就串成了一条:p → Person.prototype → Object.prototype → null,这就是原型链。
立即学习“Java免费学习笔记(深入)”;
如何用原型链实现继承?
核心就是让子类型的原型对象,成为父类型的实例——也就是让 Child.prototype = new Parent(),这样子类实例就能顺着原型链找到父类的方法。
典型写法示例:
- 定义父构造函数:
function Animal(name) { this.name = name; } - 挂方法到原型:
Animal.prototype.eat = function() { console.log(this.name + ' is eating'); }; - 定义子构造函数:
function Dog(name, breed) { Animal.call(this, name); this.breed = breed; }(借用构造函数继承实例属性) - 设置原型链:
Dog.prototype = Object.create(Animal.prototype);(推荐,比new Animal()更干净) - 修复 constructor:
Dog.prototype.constructor = Dog;
之后 new Dog() 的实例就能调用 eat(),也能访问自己的 breed。
ES6 class 是怎么处理继承的?
class 只是语法糖,底层仍是原型链。使用 extends 和 super(),本质就是在做上面那套事:
-
class Dog extends Animal→ 自动设置Dog.prototype.__proto__ === Animal.prototype -
super()→ 实际调用Animal.call(this, ...),继承实例属性 - 所有方法都定义在
Dog.prototype上,而它的原型是Animal.prototype
所以 class 并没有改变继承机制,只是让写法更清晰、更接近传统面向对象语言。
需要注意的关键点
原型链继承的本质是属性/方法的动态查找机制,不是复制。
- 修改父类原型上的方法,所有子类实例立刻可见(因为是共享引用)
- 不能用字面量重写子类
prototype,否则会切断原型链 - 只继承原型上的东西,实例属性需靠
call/apply在子构造函数中手动继承 -
instanceof判断依赖的就是原型链:p instanceof Person看的是p.__proto__链上有没有Person.prototype
基本上就这些。理解原型链,等于摸清了 JavaScript 继承的底层逻辑。不复杂,但容易忽略细节。











