ES6学习-9.JavaScript中的类

一、类的声明

代码如下:

ES6学习-9.JavaScript中的类_第1张图片

二、类表达式

代码如下:

ES6学习-9.JavaScript中的类_第2张图片

三、作为一等公民的类

一等公民是指一个可以传入函数,可以从函数返回,并且可以赋值给变量的值。例如:

ES6学习-9.JavaScript中的类_第3张图片

四、访问器属性

就是创建getter和setter方法,代码如下:

ES6学习-9.JavaScript中的类_第4张图片

五、可计算成员变量

类方法和访问器属性也支持使用可计算名称。例如:

ES6学习-9.JavaScript中的类_第5张图片

六、生成器方法

如果你的类用来表示值的集合,那么为它定义一个默认的迭代器会更有用。例如下面的代码:

ES6学习-9.JavaScript中的类_第6张图片

七、静态成员

静态成员其实就是用static关键字修饰,看如下代码:

ES6学习-9.JavaScript中的类_第7张图片

实例方法不能访问静态成员。

八、继承与派生类

类的出现可以更好的实现继承功能,使用关键字extends,调用super()方法访问基类。如以下代码:

ES6学习-9.JavaScript中的类_第8张图片

如果在派生类中指定构造函数则必须要调用super()

1、类方法遮蔽

派生类中的方法总会覆盖基类中的同名方法。如下面的代码:覆盖了getArea方法。

ES6学习-9.JavaScript中的类_第9张图片

2、静态成员继承

如果基类有静态成员,那么这些静态成员在派生类中也可用。

3、派生自表达式的类

只要表达式可以被解析为一个函数并且具有[[Construct]]属性和原型,那么就可以用extends进行派生。

4、内建对象继承

例如通过继承来实现自己的一些数组方法。例如下面的代码:

ES6学习-9.JavaScript中的类_第10张图片

你可能感兴趣的:(ES6学习-9.JavaScript中的类)