JS的继承（extends）

最新推荐文章于 2024-04-16 20:06:21 发布

潮汐未见潮落

最新推荐文章于 2024-04-16 20:06:21 发布

阅读量1.8k

点赞数 1

分类专栏：牛客文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_52855464/article/details/125414830

版权

牛客专栏收录该内容

8 篇文章 0 订阅

订阅专栏

前言：

今天接触了一个新的知识点----继承，顾名思义，就是子类继承父类的各种属性和方法。

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>