js原型与原型链

一、什么是原型

原型是对象。包括显式原型对象和隐式原型对象。

显式原型对象：只有函数对象^①才有显式原型对象，如下代码所示，函数的prototype属性就是显式原型对象，默认指向空对象。

注意：在函数的prototype属性添加属性（一般是方法），该函数对应的实例都会获得该属性的使用权。

function Fn(){}//函数对象才会有显式原型
console.log(Fn.prototype)//函数的prototype属性就是显式原型对象

隐式原型对象：只要是对象都会有隐式原型对象，并且它的值与该对象对应的构造函数的显式原型对象相等。如下代码所示：

function Fn(){}//函数对象才会有显式原型
console.log(Fn.prototype)
var fn = new Fn()
console.log(fn.__proto__)//所有对象都会有隐式原型
//实例对象隐式原型的值 等于 函数对象显式原型的值
console.log(fn.__proto__ === Fn.prototype)
Fn.prototype.test = function(){console.log('test')}
fn.test()//输出test

①：js中所有的都是对象，函数是一种特殊的对象

二、原型链

原型链实际是隐式原型链 ，具体如下

访问一个对象的属性时，先在自身属性中查找，找到则返回；如果没有，再沿着__proto__这条链向上查找，在自身对应的构造函数显式原型对象中查找，找到则返回；如果最终没找到，返回undefined；原型链的终点是Object的__proto__，也即返回null（object的__proto__是null）。

三、instanceof运算原理

如代码所示，原理就是判断L 的原型链上是否有R.prototype，如果有的话就返回true。

L instanceof R

四、所有对象都是Object的实例对象

因此所有的对象沿着隐式原型链向上查找一定能找到Object身上，比如说Funtion.prototype是一个对象，沿着__proto__也能找到Object。

五、所有函数对象都是Funtion的实例对象

即所有函数对象的__proto__与Funtion.prototype相等，包括Object也是通过Function构造的，因此Object的__proto__也是与Funtion.prototype相等。同时Funtion本身也是由Funtion构造的，故Funtion.proto也是与Funtion.prototype相等。

function Fn(){}
var fn = new Fn()
console.log(Fn instanceof Object)//true
console.log(Fn instanceof Function)//true
console.log(Function instanceof Object)//true
console.log(fn instanceof Object)//true
console.log(Object instanceof Function)//true
console.log(Function instanceof Function)//true

可以仔细分析图中所有的__proto__