学步园

基本的用法 把ClassA的一个实例赋值给ClassB ClassB就继承了ClassA的所有属性
function ClassA()<br /> {<br /> this.a='a';<br /> }<br /> function ClassB()<br /> {<br /> this.b='b';<br /> }<br /> ClassB.prototype=new ClassA();<br /> var objB=new ClassB();<br /> for(var p in objB)document.write(p+"<br /> ");<br />

从原型继承理论的角度去考虑 js的原型继承是引用原型 不是复制原型
所以 修改原型会导致所有B的实例的变化
<mce:script type="text/javascript"><!--</p> <p>function ClassA()<br /> {<br /> this.a='a';<br /> }<br /> function ClassB()<br /> {<br /> this.b='b';<br /> }<br /> ClassB.prototype=new ClassA();<br /> var objB=new ClassB();<br /> alert(objB.a);<br /> ClassB.prototype.a='changed!!';<br /> alert(objB.a);<br /> // --></mce:script><br />

然而 子类对象的写操作只访问子类对象中成员 它们之间不会互相影响
因此 写是写子类 读是读原型（如果子类中没有的话）

<mce:script type="text/javascript"><!--</p> <p>function ClassA()<br /> {<br /> this.a='a';<br /> }<br /> function ClassB()<br /> {<br /> this.b='b';<br /> }<br /> ClassB.prototype=new ClassA();<br /> var objB1=new ClassB();<br /> var objB2=new ClassB();<br /> objB1.a='!!!';<br /> alert(objB1.a);<br /> alert(objB2.a);<br /> // --></mce:script><br />

每个子类对象都执有同一个原型的引用 所以子类对象中的原型成员实际是同一个
<mce:script type="text/javascript"><!--</p> <p>function ClassA()<br /> {<br /> this.a=function(){alert();};<br /> }<br /> function ClassB()<br /> {<br /> this.b=function(){alert();};<br /> }<br /> ClassB.prototype=new ClassA();<br /> var objB1=new ClassB();<br /> var objB2=new ClassB();<br /> alert(objB1.a==objB2.a);<br /> alert(objB1.b==objB2.b);<br /> // --></mce:script><br />

构造子类时 原型的构造函数不会被执行
<mce:script type="text/javascript"><!--</p> <p>function ClassA()<br /> {<br /> alert("a");<br /> this.a=function(){alert();};<br /> }<br /> function ClassB()<br /> {<br /> alert("b");<br /> this.b=function(){alert();};<br /> }<br /> ClassB.prototype=new ClassA();<br /> var objB1=new ClassB();<br /> var objB2=new ClassB();<br /> // --></mce:script><br />

接下来是致命的，在子类对象中访问原型的成员对象：
<mce:script type="text/javascript"><!--</p> <p>function ClassA()<br /> {<br /> this.a=[];<br /> }<br /> function ClassB()<br /> {<br /> this.b=function(){alert();};<br /> }<br /> ClassB.prototype=new ClassA();<br /> var objB1=new ClassB();<br /> var objB2=new ClassB();<br /> objB1.a.push(1,2,3);<br /> alert(objB2.a);<br /> //所有b的实例中的a成员全都变了！！<br /> // --></mce:script><br />

所以 在prototype继承中 原型类中不能有成员对象！ 所有成员必须是值类型数据（string也可以）

用prototype继承有执行效率高，不会浪费内存，为父类动态添置方法后子类中马上可见等的优点。

我就非常喜欢用prototype继承。

转自:http://fastwind.javaeye.com/blog/200425