面向对象的继承

面向对象的继承

class A{
        a=0;
        b=0;
        static abc=10;
        constructor(_a,_b){
            this.a=_a;
            this.b=_b;
        }
        sum(){
            this.a++;
            this.b++;
            console.log(this.a+this.b);
        }
        run(){
            console.log("aaaaa");
        }
    }
class B extends A{
        // 在js中静态属性和方法也可以继承
        c=0;
        constructor(_a,_b,_c){
            // 如果继承后,写构造函数必须写
            super(_a,_b);//超类的构造函数,执行了父类的构造函数,并且传参进入
            this.c=_c;
        }
        count(){
            console.log(this.a*this.b);
        }
        // 因为继承后有sum的方法了,如果这样写,就相当于将这个sum的方法重写覆盖
        // 不会再执行超类的sum方法,而只执行当前sum方法
        sum(){
            this.a+=2;
            this.b+=2;
            console.log(this.a+this.b);
        }
        // 既可以执行超类中原有的run方法,又可以在这个基础上增加自己新内容
        run(){
           super.run();//执行了超类的run方法
           console.log("bbbb");
        }
    }

    
    let o1=new A(3,5);
    // o1.sum();
    // o1.run();

    let o2=new B(6,7,10);
    // o2.sum();
    // o2.count();
    // console.log(B.abc);
    o2.run();

在js里,被继承的函数称为超类型(父类,基类也行,其他语言叫法),继承的函数称为子类型(子类,派生类)。继承也有之前问题,比如字面量重写原型会中断关系,使用引用类型的原型,并且子类型还无法给超类型传递参数。
为了解决引用共享和超类型无法传递参数的问题,我们采用一种借用构造函数的技术或者成为对象冒充(伪造对象、经典继承)的技术来解决这两种问题。



继承后的类,方法有三种处理
    1.完全继承  不需要重写这个方法,自动就有,超类的方法执行什么,这个类就会执行什么
    2.重写覆盖  只需要在这个类中重写这个方法就可以覆盖继承过来的内容
    3.在原方法中增加新的内容   重新该方法,并且执行super.方法名这样就可以执行超类方法,后面可以自己添加
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值