js原型与原型链

原型

什么是原型

对象与原型

        js 的基本数据类型有 Number、String、Boolean、Symbol（ES6）、null 和 undefined，键与值存放在栈内存（stack）中管理，可以直接访问；引用数据类型有 Object、Array、Function 等，键存放在栈内存（stack）中管理，值存放在堆内存（heap）中管理，栈内存中的值是指针，指向堆内存的地址。

        在 js 中，一切皆对象！对象包括普通对象和函数对象，函数对象中都包含了一个 prototype 属性（null 和 undefined 除外），这个属性所对应的就是该对象的原型。

        原型也是一个对象，通过原型可以实现对象的属性继承，prototype 作为对象的内部属性，是不能被直接访问的，为了方便查看一个对象的原型，Firefox 浏览器和Chrome 浏览器中提供了__proto__ 这个非标准（不是所有浏览器都支持）的访问器（ECMA引入了标准对象原型访问器 Object.getPrototype(object)）。在原型对象中，还包含一个 constructor 属性，这个属性对应创建所有指向该原型的实例的构造函数。

函数对象

        可以被 new 的对象（实例化），被用来创建实例时，实例的 __proto__ 属性会指向函数对象的 prototype 属性，实例的 constructor 属性就是该函数对象。

常见对象原型

函数对象：包括引用数据类型与基本数据，用 Object.prototype 可以访问 Object 的原型，它里面存在着一些对象的方法和属性，例如最常见的toString方法，其他数据类型类似。

Function：它是函数对象但是有点特殊，它的原型就是一个 Function 空函数，Function.__proto__ === Function.prototype。

普通对象：用 new Object() 或者 {} 建的对象是普通对象，它没有 prototype 属性，只有 __proto__ 属性，调用 {}.__proto__ 指向 Object.prototype，其他数据类型类型（比如 []、""、true、false）。

__proto__ 与 prototype

        所有对象都有 __proto__ 属性，普通对象的 __proto__ 指向他本身构造函数对象的 prototype。比如 var num = new Number(123)，那么 num.__proto__ == Number.prototype；一个函数对象 Date，当实例化 Date 为 d1 时，d1.__proto__ == Date.prototype。函数对象的 __proto__ 属性也是一样的，所以会有 Object.__proto__ == Function.prototype。然而 Object 是一切对象的源头，于是 Object.prototype.__proto__ == null。

        当给 Date 的 prototype 添加属性或者方法时，会给 Date 所有的实例对象也添加，于是 d1 就能继承 Date 的东西；但是作为 Date 的原型，Object 就不会有那些 Date 的 prototype 添加的内容。当给 Date 的 __proto__ 添加属性或者方法时，Object 的 prototype 中就同样也有那些添加的内容。

constructor 与 prototype

        所有的对象都有 constructor 属性，该属性对应创建所有指向该原型的实例的构造函数。拿 d1 来说，d1.constructor 就指向的 Date 函数的表达式（或者说 Date 的构造函数），而 Date 的 prototype 指向的又是所有 Date 的实例化对象，所以 Date.prototype 也指向 d1。函数对象和原型对象通过 prototype 和 constructor 属性进行相互关联。

原型链

        通过调用对象的 __proto__ 属性可以获取对象的原型，所以当获取一个对象的属性时，如果这个对象上没有声明，就会去对象的函数对象里找，直到找到这个属性然后返回；或者查到了 Object 这里也没有，就会返回 undefined。

        可以看出对象与其函数对象是一种父级结构，最终的祖先节点就是 Object 对象，这种原型层层连接起来的就构成了原型链。