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

一、关于prototype?

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

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

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

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

　　

　　

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

　　如：var ABC=new wxy();

　　　　ABC.case();

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

　　如：wxy.case();

四、咱们能够经过prototype给原型添加方法

　　

　　

五、由上图能够看出经过prototype给wxy添加了case方法。且经过prototype添加的case方法是存放在__proto__中的，那么咱们就能够先大胆猜想一下prototype是否与__proto__相等。

　　

　　

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

六、下面来了解一下__proto__

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

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

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

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

　　

八、由以上叙述就可总结出prototype的做用有：

　　a.节约内存

　　b.扩展属性和方法

　　 c.能够实现类的继承

九、接下来用一张图表示prototype与__proto__、constructor之间的关系

　　

　　建立一个构造函数时，这个构造函数内部会有一个prototype原型，这个原型内部可存放不少的方法跟属性，其内部还包含一个constructor构造器，这个构造器指向建立本身的八个构造函数，当实例化该函数是时，实例化对象中会出现__proto__属性，这个属性指向建立本身的那个构造函数的原型对象，该原型对象中的属性和方法均可使用。