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


    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__属性,这个属性指向创建自己的那个构造函数的原型对象,该原型对象中的属性和方法都可使用。
  • 相关阅读:
    c#基础练习
    一款很厉害的死循环代码
    文字变色逐个出现的特效源码
    IOS开发之UILabel动态高度设置方法
    慎重选择容器类型
    Mac下显示隐藏文件 以及修改 hosts文件内容
    SharePoint 如何使自己的网页自动跳转
    位置和地图:地图的使用
    谈话Java在ThreadLocal理解类
    Android 滑动界面实现---Scroller类别 从源代码和开发文档了解(让你的移动布局)
  • 原文地址:https://www.cnblogs.com/wxy84/p/9048040.html
Copyright © 2020-2023  润新知