javascript 中 prototype的理解 以及原型链实现继承的原理.doc

javascript 中 prototype的理解 以及原型链实现继承的原理 我们经常用prototype的方式实现js对象的继承, 以前一直没有去细看过prototype , constructor 和 对象 以及 new 出来的实例对象 的关系 现在来梳理一下对象, prototype , constructor , 实例对象 之间的关系 Parent对象 ?1234567891011121314/ParentfunctionParent()=wangzheng;this.password=123456;/Ptotype=object;/这一步其实可以不用写Ptotype.showMe=function()document.write(+-+this.password);varparent=newParent();alert(Ptotype);/objectObjectalert(Ptotype.constructor);/functionParent().alert(totype);/undefined通过这段代码 我们可以得出: 1. 这个Parent对象本身具有一个prototype属性,它指向一个独立的prototype对象,2.这个prototype对象又包含一个constractor属性, 它反过来指向了 Parent对象的定义function. 这一点在代码的alert输出中可以看到3.new 出来的 parent实例对象 她是不具备prototype属性的 所以alert输出她的prototype是undefined.但是还有一个疑问 ,parent实例对象里没有prototype属性, 却可以使用prototype上的showMe方法, 这怎么说呢?直接看firebug的信息: parent实例对象 里面有一个属性_proto_ 她指向了Parent对象的prototype,这样一看 就真相大白parent实例对象之所以可以调用showMe方法,就是因为这个属性 _proto_ 通过_proto_ 实现的调用当然 这个图中 你还可以看到prototype里包含constructor,constructor指向Parent,Parent包含prototype,prototype包含constructor. 互相引用的画个图就是这样的:继承中的原型链下面研究一下继承的情况 加入一个子类?1234567891011/SonfunctionSon()=jiangwen;this.password=abcd1234;this.sonName=wahaha;Stotype=parent;Stotype.showMeSon=function()document.write(+-+this.password+-+this.sonName);varson=newSon();可以看到 Son的prototype指向一个Parent实例对象 这没有问题再来看看son实例对象属性和方法都没有问题 但是son对象里面的 _proto_ 属性 指向的是parent实例对象,但是我觉得 应该是指向Son里面的prototype,由于Son里面的prototype指向的是parent实例对象 所