来源:https://blog.csdn.net/cc18868876837/article/details/81211729
function Foo() {...};
let f1 = new Foo();
构造函数Foo(),并用new关键字实例化该构造函数得到一个实例化对象f1
[图片上传中...(image-24ef2f-1553241616614)]
1.__proto__
和constructor
属性是对象所独有的
2.prototype
属性是函数所独有的。但是由于JS中函数也是一种对象,所以函数也拥有__proto__
和constructor
属性
简单一点
第一,这里我们仅留下 __proto__
属性,它是对象所独有的
,可以看到__proto__
属性都是由一个对象指向一个对象
,即指向它们的原型对象(也可以理解为父对象),那么这个属性的作用是什么呢?它的作用
就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__
属性所指向的那个对象(可以理解为父对象)里找,如果父对象也不存在这个属性,则继续往父对象的__proto__
属性所指向的那个对象(可以理解为爷爷对象)里找,如果还没找到,则继续往上找…直到原型链顶端null
(可以理解为原始人。。。),此时若还没找到,则返回undefined
(可以理解为,再往上就已经不是“人”的范畴了,找不到了,到此结束),由以上这种通过__proto__
属性来连接对象直到null的一条链即为我们所谓的原型链
。
第二,接下来我们看
prototype
属性. 它是函数所独有的
,它是从一个函数指向一个对象
。它的含义是函数的原型对象
,也就是这个函数(其实所有函数都可以作为构造函数)所创建的实例的原型对象,由此可知:f1.__proto__ === Foo.prototype
,它们两个完全一样。那prototype
属性的作用又是什么呢?它的作用就是包含可以由特定类型的所有实例共享的属性和方法,也就是让该函数所实例化的对象们都可以找到公用的属性和方法。任何函数在创建的时候,其实会默认同时创建该函数的prototype对象
第三 来看一下 constructor
属性 constructor
属性也是对象才拥有的,它是从一个对象指向一个函数
,含义就是指向该对象的构造函数
,每个对象都有构造函数(本身拥有或继承而来,继承而来的要结合__proto__
属性查看会更清楚点,如下图所示),从上图中可以看出Function
这个对象比较特殊,它的构造函数就是它自己(因为Function可以看成是一个函数,也可以是一个对象),所有函数和对象最终都是由Function构造函数得来,所以constructor
属性的终点就是Function
这个函数。
总结一下:
- 我们需要牢记两点:①
__proto__
和constructor
属性是对象
所独有的;②prototype
属性是函数
所独有的,因为函数也是一种对象,所以函数也拥有__proto__
和constructor
属性。
2.__proto__
属性的作用
就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__
属性所指向的那个对象(父对象)里找,一直找,直到__proto__
属性的终点null
,然后返回undefined
,通过__proto__
属性将对象连接起来的这条链路即我们所谓的原型链
。 -
prototype
属性的作用
就是让该函数所实例化的对象们都可以找到公用的属性和方法,即f1.__proto__
===Foo.prototype
。 -
constructo
r属性的含义就是指向该对象的构造函数
,所有函数(此时看成对象了)最终的构造函数都指向Function。