日期:2014-05-16 浏览次数:20407 次
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属性或