Javascript的继承和Ext的Extend

Javascript的继承和Ext的Extend
Javascript中实现一个类,使用的是Construct Function和prototype
例如:
Shape = function(name,area){
    if(name != null)
        this.name = name
    if(area != null)
        this.area = area

}

Shape.prototype = {
    name:'',
    area:0

}

var shape1 = new Shape('shape_1',20)


集成实现Rectangle
方式一:
Rectangle = function(){

}
//此时将Shape的对象作为Rectangle的prototype
Rectangle.prototype = new Shape();

方式二: 不调用Shape的构造函数

Rectangle = function(){

}

F = function(){}
F.prototype = Shape.prototype;
Rectangle.prototype = new F();


方式三:Ext的方式,接近于第二种, 同时 Rectangle.superclass = Shape.prototype,以便于在构造函数中使用
Rectangle = function(){
    Rectangle.superclass.constructor.call(this,...
}

Ext.extend(Rectangle, Shape)

评论

2 楼 tonynju 2009-08-08  

Rectangle.prototype = Shape.prototype;
如果直接这样写的话，就不再是继承了Shape
使用Rectangle新建的对象，使用instanceof方法就会发现不是Shape的类型

xlongbuilder 写道

F = function(){}
F.prototype = Shape.prototype;
Rectangle.prototype = new F();

为什么 不直接这样 其中有什么区别 是这样么 子类的prototype不会影响父类的？
Rectangle.prototype = Shape.prototype;

1 楼 xlongbuilder 2009-08-03  

F = function(){}
F.prototype = Shape.prototype;
Rectangle.prototype = new F();

为什么 不直接这样 其中有什么区别 是这样么 子类的prototype不会影响父类的？
Rectangle.prototype = Shape.prototype;