如何理解原型和原型链

是我面试被问到挺多次的问题了

慢慢看完,就懂了

如何理解原型和原型链_第1张图片

1、把所有的对象共用的属性全部放在堆内存的一个对象(共用属性组成的对象),然后让每一个对象的 __proto__存储这个「共用属性组成的对象」的地址。

2、而这个共用属性就是原型,原型出现的目的就是为了减少不必要的内存消耗。

3、而原型链就是对象通过__proto__向当前实例所属类的原型上查找属性或方法的机制,如果找到Object的原型上还是没有找到想要的属性或者是方法则查找结束,最终会返回undefined
如何理解原型和原型链_第2张图片

原型理解:每一个对象创建的时候,都会关联另一个对象,这个对象就是原型对象,创建出来的对象会从原型对象中继承属性和方法。

每一个函数都有一个prototype属性,这个属性指向函数的原型对象。

如何理解原型和原型链_第3张图片

每一个对象(除null)都会有的属性__proto__,这个属性指向该对象的原型。

如何理解原型和原型链_第4张图片

每个原型都有一个constructor属性,指向该关联的构造函数。

如何理解原型和原型链_第5张图片

原型链的理解: 当读取实例的属性时,如果找不到,就会查找与对象关联的原型中的属性,如果还查不到,就去找原型的原型,一直找到最顶层为止。

每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。
假如我们让原型对象等于另一个类型的实例,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。
假如另一个原型又是另一个类型的实例,如此层层递进,就构成了实例与原型的链条。

如何理解原型和原型链_第6张图片

蓝色的就是原型链。

如何理解原型和原型链_第7张图片

你可能感兴趣的:(前端面试题,javascript)