ES6class 继承

ES6中的Class提供了一种更简洁的面向对象编程语法。Class本质上是构造函数的语法糖,constructor方法是构造函数,默认用于初始化实例属性。类的继承通过extends关键字实现,子类必须在constructor中调用super方法。super既可作为函数调用父类构造,也可作为对象引用父类原型。注意在子类方法中,super会绑定子类的this。在静态方法中,super指向父类本身。
摘要由CSDN通过智能技术生成

1.ES6中class的介绍

通过class关键字,可以定义类。基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。

ES6中Class的继承

实例:
在这里插入图片描述
注意项:
1.在类中声明方法的时候,千万不要给该方法加上function关键字
2.方法之间不要用逗号分隔,否则会报错由上面代码可以看出类实质上就是一个函数。类自身指向的就是构造函数 所以可以认为ES6中的类其实就是构造函数的另外一种写法!
在这里插入图片描述
constructor方法是类的构造函数的默认方法,通过new命令生成对象实例时,自动调用该方法
在这里插入图片描述
constructor中定义的属性可以称为实例属性(即定义在this对象上),constructor外声明的属性都是定义在原型上的,可以称为原型属性(定义在class上)。
hasOwnProperty()函数用于判断属性是否是实例属性。其结果是一个布尔值, true说明是实例属性,false说明不是实例属性。
in操作符会在通过对象能够访问给定属性时返回true,无论该属性存在于实例中还是原型中。
在这里插入图片描述
class不存在变量提升,所以需要先定义再使用。因为ES6不会把类的声明提升到代码头部,但是ES5就不一样,ES5存在变量提升,可以先使用,然后再定义
在这里插入图片描述

首先我们要知道一下这些要点

1、Class通过 extends 关键字实现继承。

2、super 关键字既可以当作函数使用,也可以当作对象使用。

    ① super 作为函数调用时表示父类的构造函数,用来新建父类的this对象。

    同时需要注意:

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

    b、如果子类没有定义 constructor 方法,那么这个方法就会被默认添加。

    c、在子类的构造函数中,只有调用 super 方法之后才能够使用 this 关键字,否则会报错。

    d、super 虽然代表了父类的构造函数,但是返回的是子类的实例,即 super 内部的 this 指定的是子类。

    e、super () 只能用在子类的构造函数之中,用在其他地方会报错。

    ② super 作为对象时在普通方法中指向父类的原型对象;在静态方法中指向父类。

    同时需要注意:

    a、由于 super 指向父类的原型对象,定义在父类实例上的方法或属性是无法通过 super 调用的。如果定义在父类的原型上,super 就可以取到。

    b、ES6规定,通过 super 调用父类的方法时,super 会绑定子类的 this。

    c、如果通过 super 对某个属性赋值,这时 super 就是 this,赋值的属性会变成子类实例的属性。

    d、如果 super 作为对象用在静态方法之中,这时 super 将指向父类,在普通方法之中指向父类的原型对象。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值