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

最近发现不少小伙伴都对文章很感兴趣，所以今天继续给大家介绍文章相关的知识，本文《JavaScript原型链是什么？如何理解继承？》主要内容涉及到等等知识点，希望能帮到你！当然如果阅读本文时存在不同想法，可以在评论中表达，但是请勿使用过激的措辞~

原型链是属性查找时的向上委托机制：先查对象自身，再沿__proto__逐级向上，直至null；构造函数的prototype指定实例原型，__proto__指向其原型；继承即让子类prototype链接父类原型。

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学习网公众号吧！