[ES6] Class继承

简介

ES6中Class可以通过extends关机子实现继承,相比起ES5用修改原型链的方式来实现继承,要清晰方便很多。

class father {
   
}

class son extends father {
   
}

上面的例子中son通过extends关键字继承了father所有的属性和方法。(由于没有部署任何代码,所以这两个类是完全一样的,等于复制了一个father类到son中)

//定义父类
class father {
   
    constructor (name) {
        this.name = name;
    }

    sayName() {
        return this.name;
    }
}
//定义子类son继承于父类
class son extends father {
   
    constructor(name, sex) {
        super(name);      //调用父类的constructor(name);
        this.sex = sex;   //给子类实例对象添加实例属性
    }

    sayName() {
        return super.sayName() + ', ' + this.sex;
        //调用了父类的sayName()方法 
    }
}

let man = new son('小明', '男');
son.sayName();      //"小明, 男"   //调用子类的sayName()方法

上述例子中子类在constructor中先调用了super()方法,这实际上是在调用父类中的constructor方法,这是因为子类自己的this对象必须先通过父类的构造方法完成塑造,让它具备父类的实例属性和方法之后才能“改造它”,让它有自己的实例和方法。而不调用的话就得不到this对象。

super()调用会生成一个空对象,作为cont

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值