原型和原型链

js原型也叫做js原型对象是一种对象属性，在Javascript中，每一个函数在创建的时候，系统都会给自动生成一个对象，这个的对象有一个属性，这个属性就是prototype。 主要作用是解决构造函数内部方法内存资源浪费问题。在开发中我们一般把实例对象一些通用的方法放入原型中，在 vue 里面有时候也会给 vue 的原型添加一些公共类方法来实现所有的组件中可以共享成员。像一些常见的$router和$store 都是挂载到 vue 的原型上的。

举个例子：

函数可以有属性。 每个函数都有一个特殊的属性叫作原型prototype

function doSomething() {}
console.log(doSomething.prototype)

控制台输出 

{
    constructor: ƒ doSomething(),
    __proto__: {
        constructor: ƒ Object(),
        hasOwnProperty: ƒ hasOwnProperty(),
        isPrototypeOf: ƒ isPrototypeOf(),
        propertyIsEnumerable: ƒ propertyIsEnumerable(),
        toLocaleString: ƒ toLocaleString(),
        toString: ƒ toString(),
        valueOf: ƒ valueOf()
    }
}

prototype的作用

prototype对象属性多用于构造函数中，因为在构造函数中构造函数的每个方法都是需要在实际运用的对象中重新创建一遍，不能重复使用的。这样会对代码的编写会非常的麻烦和对内存资源造成浪费。
然而，使用prototype原型对象给构造函数添加方法就可以解决这个问题，添加到prototype原型上的方法会被该构造函数，所构造出来的所有对象共享。

原型链是 js 对象一种查找机制，遵循就近原则。当我们访问一个对象中的成员的时候，会优先访问自己的，如果自己没有就访问原型的，如果原型也没有就会访问原型的原型，直到原型链的终点 null. 如果还没有，此时属性就会获取 undefined，方法就会报错 xxx is not a function。一般原型链主要是用来实现面向对象继承的。

下面作出总结：

• 一切对象都是继承自Object对象，Object 对象直接继承根源对象null

• 一切的函数对象（包括 Object 对象），都是继承自 Function 对象

• Object 对象直接继承自 Function 对象

• Function对象的__proto__会指向自己的原型对象，最终还是继承自Object对象