前言:
今天接触了一个新的知识点----继承,顾名思义,就是 子类 继承父类的各种属性和方法。
JS有多种方式实现继承 ,本文 介绍了 通过 ES6 的 extends 关键字 实现继承
题目描述
ES6的 extends实现继承
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
</head>
<body>
<script type="text/javascript">
class Human {
constructor(name) {
this.name = name
this.kingdom = 'animal'
this.color = ['yellow', 'white', 'brown', 'black']
}
getName(){
return this.name
}
}
class Chinese extends Human{
// 构造函数
constructor(name, age) {
// super()调用了父类中的构造函数
super(name);
this.age = age;
}
// getAge方法
getAge() {
return this.age;
}
}
</script>
</body>
</html>
关键:extends关键字、constructor关键字、super()方法
注意:子类中存在构造函数,则需要在使用“this”之前首先调用 super()。
这是一篇简单的刷题记录博客,对大家有帮助的话大家也可以点个赞哦
文章如有错误,恳请大家提出问题,本人不胜感激