ES6——Class 类的继承 extends

本文探讨了ES6中的Class继承机制,通过`extends`关键字实现。子类必须在`constructor`中调用`super`。`Object.getPrototypeOf()`用于获取子类的父类,而`super`关键字在不同场景下分别代表父类的构造函数或指向父类的原型对象。此外,类的`prototype`和`__proto__`属性揭示了两条不同的继承链。
摘要由CSDN通过智能技术生成

node.js中会用到类的继承封装,vue中不用(使用函数对象)

1.举例

Class 可以通过extends关键字实现继承,这比 ES5 的通过修改原型链实现继承,要清晰和方便很多

  • 子类必须在constructor方法中调用super方法,否则新建实例时会报错

  • ES5 的继承,实质是先创造子类的实例对象this,然后再将父类的方法添加到this上面(Parent.apply(this))

  • ES6 的继承机制完全不同,实质是先将父类实例对象的属性和方法,加到this上面(所以必须先调用super方法),然后再用子类的构造函数修改this【否则会报错】

(1)

	//子类拿到父类相关属性和方法
    class getColor extends Point{
   
        constructor(color,x,y){
   
            //继承后super关键字 指父类的构造函数
            //先将父类的属性和方法给子类,再去使用this
            super();
            this.color=color;

        };
    }
    let color=new getColor("blue",12,22);
    console.log(color);

在这里插入图片描述
(2)

    class Person{
   
        name;
        age;
        sex;
        constructor(name,age,sex){
   
            this.name=<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

致可乐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值