日期:2014-05-16 浏览次数:20572 次
JavaScript代码
//类的继承-海浪版
Function.prototype.Extends = function (parentClass)
{
var Bs = new Function();
Bs.prototype = parentClass.prototype;
this.prototype = new Bs();
this.prototype.Super = parentClass;
this.prototype.constructor = this;
}
下面的内容是一些基本说明
基本的用法 把ClassA的一个实例赋值给ClassB ClassB就继承了ClassA的所有属性
JavaScript代码
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+“<br>“);
从原型继承理论的角度去考虑 js的原型继承是引用原型 不是复制原型
所以 修改原型会导致所有B的实例的变化
JavaScript代码
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);
然而 子类对象的写操作只访问子类对象中成员 它们之间不会互相影响
因此 写是写子类 读是读原型(如果子类中没有的话)
JavaScript代码
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);
每个子类对象都执有同一个原型的引用 所以子类对象中的原型成员实际是同一个
JavaScript代码
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);
构造子类时 原型的构造函数不会被执行
JavaScript代码
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>
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>
再看一个例子:
首先我们创建一个animal类
JavaScript代码
var animal = function(){ //这就是constructor function 了
this.name = ‘pipi’;
this.age = 10;
this.height = 0;
}
到这里我们知道如何在js中定义一个类了,接下来我们展示如何写一个cat
JavaScript代码
var cat = function(){
this.play = function(){
alert(‘cat play’)
}
}
cat .prototype = new animal ();
//prototype 属性指向一个对象
var c1 = new cat();
alert(c1.name);
到这里,cat就继承了animal 对象,类cat的一个实例对象c1拥有属性name,age,height,和方法play了。
那么prototype起到了一个什么样的作用呢?
prototype就好比一个指针,它指向一个object,这个object就称为子类对象的原型。当cat的对象被创建的时候,由于cat的构造函数拥有prototype属性,那么cat的实例就会间接指向这个原型对象了(说成间接的是因为每个object都有一个constructor 属性指向它的构造函数)。
那么问题来了,“当我们修改对象 c1 的name属性的时候,会不会修改它prototype的name属性值呢?”,答案是否定的。
接下来详细解析:
1.访问name属性: 首先当我们第一次访问c1.name的属性的时候,我们会得到值“pipi”,这个和我们预料中的一样。但是计算过程你未必知道。
它计算的过程是这样的:第一步:检查c1对象中是否有name属性,找到的话就返回值,没有就跳到第二步,显然没有找到,因为cat的构造函数中没有定义。第二步:当第一步没有找时,去间接访问prototype对象所指向的object,如果在prototype对象中找到的name属性的话,就返回找到的属性值。如果还是没有找到的话,再去递归地寻找prototype对象的prototype对象(去找它的爷爷),一直到找到name属性或