原型链的理解

首先明确几个概念

__proto__	某个对象的原型对象	对象独有
prototype	某个函数的原型对象	函数独有
constructor	某个对象的构造函数	对象独有

其中我们需要牢记两点：

• __proto__和constructor属性是对象所独有的；
• prototype属性是函数所独有的，由于函数也是一种对象，所以函数也拥有__proto__和constructor属性。

__proto__

__proto__属性的作用就是当访问一个对象的属性时，如果该对象内部不存在这个属性，那么就会去它的__proto__属性所指向的那个对象即其原型对象（可以理解成父对象但不要跟它的构造函数混为一谈）里找，如果还是找不到就一直往上找，直到原型链的终点(Object.prototype.__proto__)null，再往上找就相当于在null上取值，会报错。
通过__proto__属性将对象连接起来的这条链路即我们所谓的原型链。

可以理解为我去找小明借东西(小明.xx)，小明说他没有(对象本身没有这个属性，就要去它的原型对象找)可能在家里，那我就要去小明的家里(小明.__proto__)去找，小明的家里也没有，就跟我说你去我爷爷家(小明.__proto__.__proto__或者小明.constructor.prototype.__proto__)看看吧，我又去了小明的爷爷家依然没有找到，找到最后就到达了这个链路的终点(原型链的终点Object.prototype.__proto__)

prototype

prototype属性是函数独有的，一个函数指向一个对象。它的含义是函数的原型对象，也就是由这个函数创建的实例对象的模板 ，函数的prototype跟实例对象的__proto__属性是完全一样的

function Foo(){……}
var f1 = new Foo()
f1.__proto__ === Foo.prototype =>true 

它的作用就是定义所有实例对象共享的属性和方法，也就是让该函数所实例化的对象们都可以找到公用的属性和方法。任何函数在创建的时候，会默认同时创建该函数的prototype属性。

constructor

constructor属性的含义就是指向该对象的构造函数，所有函数(此时将函数看作对象)最终的构造函数都指向Function。

每个函数在创建的时候，JS会同时创建一个该函数对应的prototype对象，而函数创建的对象.__proto__ === 该函数.prototype，该函数.prototype.constructor===该函数本身，故通过函数创建的对象即使自己没有constructor属性，它也能通过__proto__找到对应的constructor，所以任何对象最终都可以找到其构造函数

function Person(){
	this.name;
}
Person.prototype.say=function(){
	console.log("hello");
}
 
var person=new Person();
 
console.log(Person.__proto__);  
console.log(Function.prototype);  
 
console.log(Person.prototype.__proto__);
console.log(Object.prototype);
 
console.log(person.__proto__);
console.log(Person.prototype);
 
console.log(Person.prototype.constructor);
console.log(Person);

简而言之
prototype 是原型对象类似一个模具，给实例化对象提供一些公共的属性和方法
__proto__ 指向的是构造函数的原型对象

Function和Object

Function和Object的关系这篇文章写的比较详细

function Person(){ }
  Person.prototype.age = 18
  Person.prototype.name='xiaoming'
  Person.prototype.say=function (){
    console.log('my name is '+this.age)
  }

console.log(Person.__proto__ ===Function.prototype);  
// true 

console.log(Person.prototype.__proto__ === Object.prototype);
// true
 
console.log(person.__proto__ === Person.prototype);
// true

console.log(Person.prototype.constructor === Person);
// true

console.log(Object.__proto__ === Function.prototype);
console.log(Function.prototype.__proto__ === Object.prototype);
// true

console.log(Function.__proto__ === Function.prototype);
// true

// 这句是关键  Function的原型对象指向Function.prototype
// Function.prototype的原型指向 Object.prototype

console.log(Person.__proto__ === Function.prototype)
console.log(Person.prototype.__proto__ === Object.prototype)
// // true

参考文章
写给自己的Object和Function的3个灵魂拷问


有任何错误希望各位大佬及时指正