原型链

71 阅读2分钟

1、原型:js中每个函数都存在一个原型对象prototype。并且所有函数的默认原型都是Object的实例。
2、原型链:即原型组成的链,对象的__proto__指向的是他的原型,而原型也是一个对象,也有__proto__属性,原型的__proto__又是原型的原型,就这样可以一直通过__proto__向上找,这就是原型链,当向上找找到Object的原型的时候,这条原型链就到头了。
3、prototype、__proto__和constructor
prototype是函数才有的属性。
__proto__constructor是每个对象都有的属性。

  • __proto__可以理解为“构造器的原型”,即 __proto__ === constructor.prototype__proto__属性由一个对象指向它的原型对象(父对象),作用是,当访问一个对象的树形时,如果对象内部找不到,就会去它的__proto__属性指向的对象中寻找,如果没有,就去父对象的__proto__中寻找...直到原型链顶端为null。(Object__proto__为null)
  • prototype属性。是函数独有的。从一个函数指向一个对象。含义是函数的原型对象,也就是这个函数所创建的实例的原型对象。作用是,让该函数所实例化的对象们都可以找到公用的属性和方法。任何函数在创建的时候,都会默认同时创建该函数的prototype对象。

Array.prototype.find = function() {...}为函数创建公共方法,让其实例化的对象都能够使用

  • constructor属性。也是对象才有的,从一个对象指向一个函数,含义:指向该对象的构造函数,每个对象都有构造函数(指每个对象都能找到其对应的constructor,因为创建对象的前提是要有constructor),所有函数和对象最终都是由Function构造函数得来,所以constructor属性的终点就是Function这个函数

总结:
1、①__proto__和constructor属性是对象所独有的;② prototype属性是函数所独有的,因为函数也是一种对象,所以函数也拥有__proto__和constructor属性。
2、__proto__属性的作用就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__属性所指向的那个对象(父对象)里找,一直找,直到__proto__属性的终点null,再往上找就相当于在null上取值,会报错。通过__proto__属性将对象连接起来的这条链路即我们所谓的原型链。
3、prototype属性的作用就是让该函数所实例化的对象们都可以找到公用的属性和方法,即f1.proto === Foo.prototype。
4、constructor属性的含义就是指向该对象的构造函数,所有函数(此时看成对象了)最终的构造函数都指向Function。