class类简单解说

最新推荐文章于 2024-06-08 19:20:16 发布

是你来晚了.

最新推荐文章于 2024-06-08 19:20:16 发布

阅读量232

点赞数 2

分类专栏： es6 文章标签： es6

本文链接：https://blog.csdn.net/LzhiZ/article/details/114655826

版权

es6 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

类中的构造器不是必须写的，要对实例进行一些初始化的操作，如添加指定属性时才写。
如果A类继承了B类，且A类中写了构造器，那么A类构造器中super是必须要调用的
类中所定义的方法，都是放在了类的原型对象上，供实例去使用

<body>
    <div id="app">

    </div>
    <script type="text/babel">
        // 创建一个Person 类
        class Person {
            //构造器方法
            constructor(name, age) {
                this.name = name
                this.age = age
                // this 是指类的实例对象
            }
            // 方法
            speak() {
                //speak 这个方法在Person 类的原型对象里面 供实例使用
                // 通过Person实例调用speak时，spean中this就是Person实例
                console.log('我叫' + this.name + '我的年龄是' + this.age)
            }

        }
        //创建一个student类，继承于Person类
        class Student extends Person {
            //构造器方法
            constructor(name, age, grade) {
                super(name, age) // super 调用父级的name和age
                this.grade = grade
            }
            //重写从父类继承过来的方法
            speak() {
                console.log('我叫' + this.name + '我的年龄是' + this.age + this.grade + '年级')
            }
            study() {
                // study 方法放在了类的原型对象上，供实例使用
                // 通过Student实例调用study时，study中的this就是student实例
                console.log('我在学习')
            }
        }
        //创建一个Person的实例对象
        const p1 = new Person('tom', 18)
        const p2 = new Person('lisa', 19)

        console.log(p1) //Person {name: "tom", age: 18}
        console.log(p2) // Person {name: "lisa", age: 19}
        p1.speak()      //Inline Babel script:14 我叫tom我的年龄是18
        p2.speak()      //我叫lisa我的年龄是19

        // 建立一个Student的实例
        const s1 = new Student('lisa', '5','幼儿园')
        console.log(s1) //IStudent {name: "lisa", age: "5"}
        s1.study()
    </script>
</body>

</html>

是你来晚了.

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
class类简单解说

类中的构造器不是必须写的，要对实例进行一些初始化的操作，如添加指定属性时才写。如果A类继承了B类，且A类中写了构造器，那么A类构造器中super是必须要调用的类中所定义的方法，都是放在了类的原型对象上，供实例去使用<body> <div id="app"> </div> <script type="text/babel"> // 创建一个Person 类 class Person { .
复制链接

扫一扫