如何通过一篇文章彻底搞懂JavaScript中的原型和原型链？

本文共计1538个文字，预计阅读时间需要7分钟。

原文：本文由蔷薇城技术团队原创并首发+转载请注明出处：蔷薇城官网+与多数面向对象的语言有所不同，JavaScript没有引入类似类的概念（ES6已经引入了class语法糖），但它自然能够做到类的功能。

蔷薇城技术团队原创首发，转载请注明来源：蔷薇城官网。JavaScript虽未直接引入类概念（ES6已引入class），却仍能实现类似功能。

本文由葡萄城技术团队原创并首发

转载请注明出处：葡萄城官网

与多数面向对象的开发语言有所不同，虽然JavaScript没有引入类似类的概念（ES6已经引入了class语法糖），但它仍然能够大量的使用对象，那么如何将所有对象联系起来就成了问题。于是就有了本文中我们要讲到的原型和原型链的概念。

原型和原型链作为深入学习JavaScript最重要的概念之一，如果掌握它了后，弄清楚例如：JavaScript的继承，new关键字的原来、封装及优化等概念将变得不在话下，那么下面我们开始关于原型和原型链的介绍。

什么是原型？

JS中的对象包含了一个prototype的内部属性，这个属性所对应的就是该对象的原型。

我们先看下图：a、b、c 分别为数组、对象、函数。

可以看到，三者都有一个属性：__proto__

这个 __proto__ 称作 隐式原型。

除此之外，c还有一个属性：prototype

这个prototype 称作 显式原型。