理解原型链

99 阅读2分钟

「本文已参与好文召集令活动,点击查看:后端、大前端双赛道投稿,2万元奖池等你挑战!

在js中,大部分东西都是对象,数组是对象,函数也是对象,对象更加是对象。不管我们给数组和函数定义什么内容,它们总是有一些相同的方法和属性。比如说hasOwnProperty(),toString()等:

由于原型链涉及构造函数、函数Function、引用类型Object及特定的两个属性prototype和_proto_,因此在谈原型链前先搞清楚他们之间的关系;

1、函数必然有prototype和_proto_两个属性,所有的函数(包括自定义函数)都是Function实例的对象;

2、对象必然有_proto_属性,但不一定有prototype;实例的对象通过_proto_属性连接到构造函数的prototype属性上。而原型链就是从这两者的关系开始一层一层往下找的关系;

3、不管是内置对象Array,还是foo实例对象,他们都通过_proto_属性指向了Function.prototype,而Function.prototype也想相当于一个对象,他的构造器就是Function,所以可以得出结论,Function是所有实例对象的自定义构造函数;

4、Function.prototype通过_proto_属性找到了Object.prototype,该对象的_proto_再往下找就是null了,所以不难得出结论,Function其实是Object的实例对象;

5、由始至终引用类型Object只有向外指的箭头,而没有指入的箭头,原因就是“万物皆对象”,任何对象都是属于object的实例,所以最终_proto_都会指向Object的prototype中,再通过_proto_往下就为null;

6、【小结】所谓原型链就是找妈的一种行为方式,就可以理解为人是人他妈生的,妖是妖他妈生的。原型链的核心其实就只有一个:属性共享和独立的控制,当你的对象实例需要独立的属性,所有做法的本质都是在对象实例里面创建属性。

本文参考了CSDN文档和知乎讨论。