prototype入门

prototype：原型，主要用JS中对象的继承上

1.最基本的用法 把ClassA的一个实例赋值给ClassB， ClassB就继承了ClassA的所有属性。

<script>  
function ClassA()  
{  
    this.a='a';  
}  
function ClassB()  
{  
    this.b='b';  
}  
ClassB.prototype=new ClassA();  
var objB=new ClassB();  
for(var p in objB) document.write(p+"
");  
</script>

 

2.从原型继承理论的角度去考虑， js的原型继承是引用原型，不是复制原型， 所以，修改原型会导致所有B的实例的变化。

<script>  
function ClassA()  
{  
    this.a='a';  
}  
function ClassB()  
{  
    this.b='b';  
}  
ClassB.prototype=new ClassA();  
var objB=new ClassB();  
alert(objB.a);  
ClassB.prototype.a='changed!!';  
alert(objB.a);  
</script>

运行结果：a， changed！！

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

<script>  
function ClassA()  
{  
    this.a='a';  
}  
function ClassB()  
{  
    this.b='b';  
}  
ClassB.prototype=new ClassA();  
var objB1=new ClassB();  
var objB2=new ClassB();  
objB1.a='!!!';  
alert(objB1.a);  
alert(objB2.a);  
</script>

 

运行结果：！！！，a

4.每个子类对象都执有同一个原型的引用， 所以子类对象中的原型成员实际是同一个。

<script>  
function ClassA()  
{  
    this.a=function(){alert();};  
}  
function ClassB()  
{  
    this.b=function(){alert();};  
}  
ClassB.prototype=new ClassA();  
var objB1=new ClassB();  
var objB2=new ClassB();  
alert(objB1.a==objB2.a);  
alert(objB1.b==objB2.b);  
</script>

 运行结果：true，false。因为原型是同一个，所以true，对象不同，所以false

 

5.构造子类时 原型的构造函数不会被执行

<script>  
function ClassA()  
{  
    alert("a");  
    this.a=function(){alert();};  
}  
function ClassB()  
{  
    alert("b");  
    this.b=function(){alert();};  
}  
ClassB.prototype=new ClassA();  
var objB1=new ClassB();  
var objB2=new ClassB();  
</script>

 

运行结果：a，b，b

 

6.在子类对象中访问原型的成员对象，并进行修改，则改变原型的值：

<script>  
function ClassA()  
{  
    this.a=[];  
}  
function ClassB()  
{  
    this.b=function(){alert();};  
}  
ClassB.prototype=new ClassA();  
var objB1=new ClassB();  
var objB2=new ClassB();  
objB1.a.push(1,2,3);  
alert(objB2.a);  
//所有b的实例中的a成员全都变了！！  
</script>

 

运行结果：1,2,3