深入理解JavaScript类与继承：构造器、原型与实例化-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_39162041/article/details/125974330

类的复习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>类</title>
</head>
<body>
    <script type="text/javascript">
        /*
        总结：
        1.类中的构造器不是必须写的，要对实例进行一些初始化的操作，如添加指定属性时才写。
        2.如果A类继承了B类，且A类中写了构造器，那么A类构造器中的super是必须要调用的。
        3.类中所定义的方法，都是放在了类的原型对象上，供类的实例对象调用。
        
        */
        //创建一个类
        class Person{

            //构造器方法
            constructor(name,age){
                this.name = name
                this.age = age
            }
            //一般方法
            //speak方法放在了类的原型对象上，供实例使用
            //通过Person实例调用speak时，speak中的this就是Person实例
            speak(){
                console.log(`我叫${this.name},年龄${this.age}岁`)
            }
        }
        //创建一个 student类
        class Student extends Person{
            constructor(name,age,grade){
                    super(name,age)
                    this.grade = grade
            }
            speak(){
                console.log(`我叫${this.name},年龄${this.age}岁,我读的是${this.grade}年级`)
            }
            study(){
                console.log('我很努力的学习')
            }
        }
        const s1 = new Student('xiaozhg',15,'高一')
        s1.speak()
        s1.study()
    </script>
</body>
</html>