【JavaScript_3】js(ES6)中继承的实现——类继承

最新推荐文章于 2023-03-20 09:00:00 发布

CKK77DYY

最新推荐文章于 2023-03-20 09:00:00 发布

阅读量1.1k

点赞数 1

分类专栏： # JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/ryling_/article/details/123449324

版权

ES6中的继承，除了采用ES5中的六种方式外，还新增了通过类（class）来实现继承。

1.ES6中的class

class是ES6中新引入的关键字，可以用来定义一个类。

1.1 定义类的两种方式

// 1.类声明
class Person {
   }

// 2.类表达式
const Person = class {
   };

1.2 类构造器

在定义一个class时，constructor关键字用来定义创建class时要使用的构造函数。

class Person {
   
	constructor(name) {
   
		this.name = name;
		console.log("I'm constructor.");
	}
}

1.3 子类继承父类

用extends关键字实现继承，在子类中通过**super()**调用父类的构造函数。

// 定义父类
class SuperClass {
   
	constructor() {
   
		this.name = "Super.";
	}
}
// 定义子类，并继承以上父类
class SubClass extends SuperClass {
   
	constructor() {
   
		// 在构造器中，直接用super()来调用父类的构造器
		super(