JavaScript原型链是什么？怎么理解继承？

JavaScript原型链本质上是一种动态的属性查找委托机制：当访问对象属性时，引擎会先在对象自身查找，若未找到则沿着__proto__指针逐级向上搜索其原型，直至Object.prototype或null为止；它并非传统类继承，而是基于对象的、运行时可修改的委托关系链，其中构造函数的prototype定义了实例的原型，而__proto__则指向该原型；理解原型链的关键不在于死记概念，而在于直观观察“属性查找时究竟发生了什么”——动手打印原型链、实践继承实现（如class extends底层仍是设置__proto__），才能真正掌握这一JavaScript最核心又常被误解的机制。

JavaScript 原型链是实现对象继承的核心机制，它不是“类继承”，而是基于对象的、动态的委托关系链。理解它，关键不在死记概念，而在看清“属性查找时发生了什么”。

原型链的本质：属性查找的向上委托

当你访问一个对象的属性（比如 obj.name），JS 引擎会：

• 先在 obj 自身上找这个属性；
• 没找到，就去 obj.__proto__（即它的原型对象）上找；
• 还没找到，就继续查 obj.__proto__.__proto__，一直往上；
• 直到找到，或到达终点 null（即 Object.prototype.__proto__ === null）为止。

这条从实例 → 构造函数原型 → Object.prototype → null 的链条，就是原型链。

构造函数、prototype 和 __proto__ 的关系

别被三个词绕晕——它们只是连接原型链的不同“接口”：

• 每个函数（包括构造函数）都有一个 prototype 属性，它是一个对象，用于指定“将来用这个函数 new 出来的实例”的原型；
• 每个对象（包括函数）都有一个内部属性 [[Prototype]]，在浏览器中可通过 __proto__ 访问；
• 当你写 const obj = new Foo()，JS 会自动让 obj.__proto__ === Foo.prototype。

简单说：prototype 是给别人当原型用的，__proto__ 是自己指向原型的指针。

如何实现“继承”：复用原型上的方法和属性

所谓继承，就是让子类型的实例能访问父类型的原型方法。常见做法是：

• 让子构造函数的 prototype 指向一个父类型实例（经典组合继承）；
• 或用 Object.setPrototypeOf(Child.prototype, Parent.prototype) 显式设置（ES6+ 推荐）；
• 现代写法更倾向用 class extends，但它只是语法糖，底层仍是原型链委托。

例如：class B extends A {} 等价于让 B.prototype.__proto__ === A.prototype。

为什么 typeof null 是 "object"？和原型链有关吗？

其实无关——这是 JS 早期的一个历史 bug，跟原型链没有逻辑联系。但有趣的是：Object.prototype.toString.call(null) 会返回 "[object Null]"，因为所有基本类型在调用 toString 时都会被临时包装成对象，再沿原型链找到 Object.prototype 上的方法。

基本上就这些。原型链不复杂，但容易忽略“查找失败才向上走”这个前提。多动手打印 __proto__ 和 constructor，比背定义管用得多。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript原型链是什么？怎么理解继承？》文章吧，也可关注golang学习网公众号了解相关技术文章。