原型继承例子,看各自的prototype和constructor

<script>
    function superF(){
        this.sup = true;
    }

    superF.prototype.getSuperValue = function(){
        return this.sup;
    }

    function sub(){
        this.subProperty = false;
    }

    sub.prototype = new superF();

var instance = new sub();

//    console.log(superF);
    console.log(superF.prototype);                    //getSuperValue
    console.log(sub.prototype);                      //sup,subProperty
    console.log(instance.constructor);              //superF
    console.log(sub.prototype.constructor);        //superF

</script>

三层继承:

<script>
    function SuperType(){
        this.color=["red","blue","green"];
        this.name='Ant';
    }

    SuperType.prototype.showSuper = function(){
        console.log(this.name);
    }

    function MidType(){
        this.age = 10;
    }

    MidType.prototype.showMid = function(){
        console.log(this.age);
    }

    function SubType(){
        this.type='js';
    }

    MidType.prototype = new SuperType();

    SubType.prototype = new MidType();


    var instance_s1 = new SubType();
    var instance_m1 = new MidType();

    console.log("SuperType.prototype:------------------------------------------------");
    console.log(SuperType.prototype);       //见执行结果图
    console.log("MidType.prototype:----------------------------------------------------")
    console.log(MidType.prototype);         //见执行结果图
    console.log("SubType.prototype:-----------------------------------------------------");
    console.log(SubType.prototype);         //见执行结果图


</script>

三层继承的执行结果如图:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值