什么是原型链_javascript中的继承如何实现？-js教程-PHP中文网

什么是原型链_javascript中的继承如何实现？

紅蓮之龍

发布： 2025-12-22 22:23:48

原创

519人浏览过

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

什么是原型链_javascript中的继承如何实现？

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()，这样子类实例就能顺着原型链找到父类的方法。

典型写法示例：

星辰Agent

科大讯飞推出的智能体Agent开发平台，助力开发者快速搭建生产级智能体

404

查看详情

定义父构造函数：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