在JavaScript的世界里,原型(prototype)系统是一个常被讨论但不易掌握的概念。作为JavaScript继承模型的基石,理解原型对于构建大型应用或进行对象操作至关重要。

js中的原型与原型链应该是老生常谈的话题了，在前端面试中基本都是必问的一个问题，但是很多人还是稀里糊涂的，只知道其表层含义，一但面试官问深一点就支支吾吾了

在JavaScript中，我们通常可以像下面的代码这样来简单地定义一个类：然后使用下面的代码来实例化，并访问其中的原型方法：

原型的概念：每一个javascript对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。让我们用一张图表示构造函数和实例原型之间的关系：

javascript是一门基于原型继承的语言，这在语言设计之初就已经被确定了的，即使在后来的ES6中加入了类的概念，加入了extends关键字，但仍旧无法改变他作为原型继承的本质，ES6的继承可以看作是ES5继承方式的语法糖，将之前的写好的继承方式合法化，规范化。

与大部分面向对象语言不同，ES6之前并没有引入类（class）的概念，JavaScript并非通过类而是直接通过构造函数来创建实例。在介绍原型和原型链之前，我们有必要先复习一下构造函数的知识。

__proto__(实际原型)和prototype(原型属性)不一样，constructor属性(原型对象中包含这个属性，实例当中也同样会继承这个属性)，prototype属性(constructor.prototype原型对象)

在JS里，万物皆对象。方法（Function）是对象，方法的原型(Function.prototype)是对象。因此，它们都会具有对象共有的特点。即：对象具有属性proto，可称为隐式原型

继承是面向对象语言的一个重要概念。许多面向对象语言都支持两种继承方式：接口继承和实现继承；接口继承只继承方法签名，而实现继承则继承实际的方法。由于函数没有签名，所以ECMAScript只支持实现继承，而实现继承主要是依靠原型链来实现的。

每个函数都有一个prototype属性，就是我们经常在各种例子中看到的那个prototype，其次是__proto__, 绝大部分浏览器都支持这个非标准的方法访问原型，然而它并不存在与Person.prototype中

原型与原型链一直是学习 JS 绕不过的知识点，其中proto 与 prototype 最为让人头疼，这里简单的写下我自己的理解，从原型与原型链中拆解 proto 与 prototype ，希望能对大家有所帮助。

对于使用过基于类的语言(如Java或C#)的人来说，Javascript的继承有点难以搞懂，因为它本身没有class这种东西。(ES6中引入了class关键字，看上去也像传统的OOP语言，但是那只是语法糖，底层还是基于原型)。

这里不介绍原型链。javascript 中有若干长得跟prototype，proto很想的属性/函数，这里简单总结一下他们都是啥，哪个是原型对象，哪个不是。[[Prototype]]这个对象的一个内置槽，对程序员是不可见

每个函数都有一个 prototype 属性，函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型，也就是这个例子中的 cat 和dog 的原型。

了解JavaScript中原型以及原型链只需要记住以下2点即可：对象都有__proto__属性，指向构造函数的prototype；构造函数\\函数都有prototype属性，指向构造函数的原型