码迷,mamicode.com
首页 > 其他好文 > 详细

浅谈prototype与__proto__、constructor三者之间的关系

时间:2018-05-16 22:41:23      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:png   alt   bubuko   str   创建   作用   自己的   tor   分享   

1、关于prototype?

  a.每个函数中都有一个prototype属性,这个属性叫做原型。

  b.prototype指向的这个对象就叫原型对象。

  c.prototype表示了一个类的属性的集合。

2、原型对象中包含有constructor和__proto__。

  技术分享图片

  技术分享图片

3、当通过new将该函数实例化后,其内部方法也可用实例对象调用。

  如:var ABC=new wxy();

    ABC.case();

  当未被实例化时也可直接声明其内部方法调用。

  如:wxy.case();

4、我们可以通过prototype给原型添加方法

  技术分享图片

  技术分享图片

5、由上图可以看出通过prototype给wxy添加了case方法。且通过prototype添加的case方法是存放在__proto__中的,那么我们就可以先大胆猜测一下prototype是否与__proto__相等。

  技术分享图片

  技术分享图片

  上图打印结果可以发现构造函数中的prototype原型与实例化对象中的__proto__是恒等的。

6、下面来了解一下__proto__

  a.每一个对象中都会有一个__proto__属性

  b.__proto__指向了一个对象,这个对象是原型对象

  c.实例化对象可以直接访问__proto__里面的一些方法

7、由__proto__组成的链条叫做原型链。在使用New方法初始化函数的时得到的新对象的__proto__属性会指向函数对象的原型对象,而函数对象的原型对象又继承至原始对象。把这个由__proto__串起来的链叫做原型链。原型链实际上就是js中数据继承的继承链。

  技术分享图片

8、由以上叙述就可总结出prototype的作用有:

  a.节约内存

  b.扩展属性和方法

  c.可以实现类的继承
9、接下来用一张图表示prototype与__proto__、constructor之间的关系
  技术分享图片
  创建一个构造函数时,这个构造函数内部会有一个prototype原型,这个原型内部可存放很多的方法跟属性,其内部还包含一个constructor构造器,这个构造器指向创建自己的八个构造函数,当实例化该函数是时,实例化对象中会出现__proto__属性,这个属性指向创建自己的那个构造函数的原型对象,该原型对象中的属性和方法都可使用。

浅谈prototype与__proto__、constructor三者之间的关系

标签:png   alt   bubuko   str   创建   作用   自己的   tor   分享   

原文地址:https://www.cnblogs.com/wxy84/p/9048040.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!