快速轻松理解JS的原型和原型链

结合所学知识，谈谈自己的理解，若有错误，敬请指正。

 

先了解几个知识点

1.每个函数都是一个对象。每个函数都有一个prototype属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法，即原型对象。

2.在js中，每个对象都有一个__proto__属性，它也是一个指针，指向自身构造函数的prototype(原型对象)。

3.原型链是通过__proto__形成的，而非protrotype。

 

js中实现继承的方式是通过原型链。

原型链是什么呢，就是将原型连成一条链。js每一次获取对象中的属性都是一次查询过程，如果在自有属性中找不到就会去原型对象中查找（即用__proto__去它的构造函数中查找），如果构造函数中也没有该属性，就去此原型对象的原型中查找（即构造函数的显式原型中查找），也就是按照原型链查找，直到查找到原型链的顶端，也就是Object的原型。

上述过程简单举例说即：

Function的__proto__指向其构造函数Function的prototype

Function.prototype的__proto__指向其构造函数Object的prototype

Object.prototype的__prototype__指向null（尽头）

 

下面是关系图，都是网上找的

哪个图好理解就看哪个图

图1

图二