详细解释原型链和原型对象

首先，我们来说说对象。构造函数为Object的对象和构造函数不为Object的对象。(这里没看懂无所谓，下面会有解释)

（1）构造函数为Object的对象：

是由new Object()创建的，或则我们直接使用对象字面量赋值，比如：const obj1={name:'fff'}

（2）构造函数不为Object的对象（就是我们自己写了构造函数）：

function Test(name,age){

this.name=name,

this.age=age

}

const obj2=new Test('fff',32)

分清这两种对象以后，我们来看看constructor属性，这是每一个对象都有的属性，它会指向这个对象的构造函数，比如上面的obj1的constructor属性指向Object，obj2的constructor属性指向Test。不过函数其实也是一种对象，所以他也是有constructor属性的，那么他的这个属性是指向Function的。（如果大家想要验证可以在控制台直接输入一个函数的constructor，比如这里的Test.constructor）然后就是我们的原型对象也是有constructor属性的它也是指向构造函数，比如Test.prototype.constructor=Test。（函数是没有的）

出个题试试看看大家理解没有：Object的constructor指向谁呢？

答案：Function

然后我们再来看看prototype这个属性，这个属性是指向原型对象的属性，只有函数有这个属性，他会指向自己的原型对象，比如Test.prototype。然后这个原型对象有什么用呢？其实它就是用来给我们的obj2来添加一些属性或者方法的。那么他和直接在构造函数里面去添加属性或者方法有什么区别呢？接下我们来看看：

（1）直接在构造函数里面去添加属性：

function Test(name,age){

this.name=name,

this.age=age，

this.say=funtion(){

console.log('说话')

}

}

const obj2=new Test('fff',32)

const obj3=new Test('fff',32)

obj2.name===obj3.name

obj2.say===obj3.say

答案显而易见的，第一个是true，第二个是false

我们拿name来作比较只是比较类型和值，所以结果是true

因为say是函数属于复杂数据类型了所以我们拿say来比较它是比较地址的，然后我们的对象实例在创建的时候其实都是用的不同内存新的属性。所以是false

（2）在原型对象里面添加属性：

function Test(name,age){

this.name=name,

this.age=age，

}

Test.prototype.say=funtion(){

console.log('说话')

}

const obj2=new Test('fff',32)

const obj3=new Test('fff',32)

obj2.name===obj3.name

obj2.say===obj3.say

这个时候第一个第二个都是true了，因为我们在比较say这个属性的时候其实是调用的Test.prototype的属性，所以比较地址也是一样的。

最后我们来说说_proto_这个指向隐式的原型对象，一般是对象用的这个属性，比如我们的obj1._proto_===Object.prototype、obj2._proto_===Test.prototype、obj3._proto_===Test.prototype。当然我们的原型对象也是有这个属性的，比如Test.prototype._proto_===Object.prototype、Object.prototype._proto_===null。

首先我们可以先看看obj1和Test以及Test.prototype的关系：

看到这里我们其实可以发现这些属性构成的关系网：

其实，我们的函数也是有_proto_隐式原型对象这个属性的，不过不管是哪个函数它的_proto_都是指向Funtion.prototype，而Funtion也是函数所以Funtion._proto_===Funtion.prototype，而Function.prototype是一个原型对象，所以Function.prototype._proto_===Object.prototype。一下是它们的关系图：