美文网首页
前端笔记一(__proto__,prototype,constr

前端笔记一(__proto__,prototype,constr

作者: 沐雨芝录 | 来源:发表于2019-03-12 14:38 被阅读23次

1. proto

__proto__属性都是\color{red}{由一个对象指向一个对象},即指向它们的原型对象(也可以理解为父对象)。

作用:它的作用就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__属性所指向的那个对象(可以理解为父对象)里找,如果父对象也不存在这个属性,则继续往父对象的__proto__属性所指向的那个对象(可以理解为爷爷对象)里找,如果还没找到,则继续往上找…直到原型链顶端null(可以理解为祖先),此时若还没找到,则返回undefined(可以理解为,再往上就已经不是“人”的范畴了,找不到了,到此结束),由以上这种通过__proto__属性来连接对象直到null的一条链即为我们所谓的\color{red}{原型链}


2. prototype

prototype属性,它是函数所独有的,它是\color{red}{从一个函数指向一个对象}。它的含义是\color{red}{函数的原型对象},也就是这个函数(其实所有函数都可以作为构造函数)所创建的实例的原型对象,由此可知:f1.__proto__ === Foo.prototype,它们两个完全一样。

作用:包含可以由特定类型的所有实例共享的属性和方法,也就是让该函数所实例化的对象们都可以找到公用的属性和方法。任何函数在创建的时候,其实会默认同时创建该函数的prototype对象!


3. constructor

constructor属性也是对象才拥有的,它是\color{red}{从一个对象指向一个函数},含义就是指向\color{red}{该对象的构造函数},每个对象都有构造函数本身拥有或继承而来,继承而来的要结合__proto__属性查看会更清楚点。
而单从constructor这个属性来讲,只有prototype对象才有

\color{red}{总结一下:}

  1. 我们需要牢记两点:①__proto__constructor属性是\color{red}{对象}所独有的;② prototype属性是\color{red}{函数}所独有的,因为函数也是一种对象,所以函数也拥有__proto__constructor属性。
  2. __proto__属性的\color{red}{作用}就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__属性所指向的那个对象(父对象)里找,一直找,直到__proto__属性的终点null,然后返回undefined,通过__proto__属性将对象连接起来的这条链路即我们所谓的\color{red}{原型链}
  3. prototype属性的\color{red}{作用}就是让该函数所实例化的对象们都可以找到\color{red}{公用的属性和方法},即f1.__proto__ === Foo.prototype
  4. constructor属性的含义就是指向\color{red}{该对象的构造函数},所有函数(此时看成对象了)最终的构造函数都指向\color{red}{Function}

下一篇:前端笔记二(new与Object.create区别)

相关文章

网友评论

      本文标题:前端笔记一(__proto__,prototype,constr

      本文链接:https://www.haomeiwen.com/subject/kangpqtx.html