Prototype 1.6的类继承-我的知识库

原来的Prototype支持Class，大概就是下面这样

代码

var PeriodicalExecuter = Class.create();
PeriodicalExecuter.prototype = {
initialize: function(callback, frequency) {
this.callback = callback;
this.frequency = frequency;
this.currentlyExecuting = false;
this.registerCallback();
},
.......
}

调用时候new PeriodicalExecuter(...)其实就是调用initialize构造方法，不能实现类的继承，1.6当中改进了Class的构造，大概介绍一下
首先，create可以传参数了Class.create(parent,methods),parent可以是匿名对象或者类，methods就是子类方法，示例：

代码

var test=Class.create({a:123,b:456,c:[1,2,3],initialize:function(){}})
var result=new test;

就可以取代原来的

代码

var test=Class.create();
test.prototype={
a:123,
b:456,
c:[1,2,3],
initialize:function(){}
}

这样了，这还不是重点，下面讲继承

代码

var a=Class.create({initialize:function(){},test1:123,test2:456,check:function(){alert(this.test1)}})
var b=Class.create(a,{check:function(){alert(this.test2)}})
c=new b;
c.check()

当然显示456了，因为子类覆盖父类同名方法，但是如果你还想调用父类方法呢，那好办，Prototype定义了$super关键字，但是必须作为子类方法第一个参数，就是

代码

var a=Class.create({initialize:function(){},test1:123,test2:456,check:function(){alert(this.test1)}})
var b=Class.create(a,{check:function($super){alert(this.test2);$super()}})

至此，Prototype完成了对js的Class扩展任务，以上测试都是基于1.60 rc0进行的，可能rc1还会改进
另外刚刚看了下rc1的介绍，加入了mixin方法和类的addMethods方法，比如现在可以

代码

var a=Class.create({a;1,b:2},{c:3,d:4},......)

这些都可以被加入到类里面，当然没有继承，如果重名，后面覆盖前面，再有addMethods
比如

代码

a=Class.create({a:1,b:2,initialize:function(){}})
b=new a
a.addMethods({
test:function(){alert(123)},
test2:function(){alert(456)}
})
b.test()
b.test2()

基本相当于a.prototype扩展，但是不完全

代码

a=Class.create({a:1,b:2,initialize:function(){},test:function(){alert(this.a)}})
b=Class.create(a,{})
b.addMethods({test:function($super){alert(this.b);$super()}})

可以支持$super的继承
参考资料：
http://prototypejs.org/learn/class-inheritance

我的知识库

知识等于力量

文章来源:http://www.javaeye.com/topic/131533

Tags: prototype prototype | oop oop | 继承 继承

2007-12-1 15:09:55 | 编辑