Javascript继承

<script type="text/javascript">
//继承构造以外的属性和方法
Function.prototype.getExtends = function(){
    if(arguments.length>0){
        for(var ptt in arguments[0]){
            if(ptt=="prototype") continue;
            this.prototype[ptt] = arguments[0][ptt];
        }
    }
}

//继承原型
Function.prototype.getPrototype = function(){
    var p = function(){};
    p.prototype = this.prototype;
    p.getExtends(this);
    return new p;
}

var A = function(txt){
    this.txt = txt;
}
A.color = "black";
A.size = "12px";
A.prototype.bgcolor = "white";
A.show = function(){
      document.write("继承方法："+this.txt);
}

var B = function(){
    //继承原型
    var p = A.getPrototype();
    //继承构造
    A.apply(p,arguments);
    return p;
}

var c = new B("hello world");

document.write("继承构造："+c.txt+"，继承属性："+c.color+"，继承属性："+c.size+"，继承原型："+c.bgcolor+"<br/>");

c.show();
</script>

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: JavascriptJavascript 继承继承