原型链学习整理

原型链的作用:

原型链是实现继承的主要方法。基本实现思想是利用原型链让一个引用类型继承另一个引用类型的属性和方法。

原型对象、构造函数、实例之间的关系:

每个构造函数都有一个原型对象,构造函数通过prototype属性可以访问到原型对象;

原型对象都包含一个指向构造函数的指针,原型对象通过constructor属性可以访问到构造函数;

每个实例都包含一个指向原型对象的内部指针,实例通过[[prototype]]属性可以访问到原型对象。

原型链的“链”的形成:

如果原型对象A是构造函数B的一个实例,那么,原型对象A作为实例包含了一个指向B的原型对象的指针,即通过A的[[prototype]]属性指向B的原型对象。而A的实例通过[[prototype]]连接到原型对象A。如果,B的原型对象同时又是构造函数C的实例,那么B的原型对象作为C的实例,其[[prototype]]属性指向C的构造函数。这样子,原型对象直接通过[[prototype]]属性可以逐层访问到。如图1所示。


图1

prototype和[[prototype]]以及__proto__区别:

[[prototype]],又称隐式原型(implicit prototype)是对象内置属性,ES5之前没有标准的方法访问,但是大多数浏览器都支持__proto__访问这个属性,ES6之后,可以通过Objet.getPrototypeOf()方式访问。而prototype,又称显示原型(explicit prototype),用来实现基于原型的继承和属性的共享。只有方法(Function)有prototype属性 ,但是方法也是对象(js中一切接对象),所以方法也有[[prototype]]属性。

原型链说明图如图2所示。原型链的根节点是Object.prototype。


图2

确定原型链和实例黄子健的关系常用的两种方法:instanceof和isPrototypeOf的实现原理都是基于原型链层级访问的:

A.__proto__.__proto__.... === B

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容