面向对象class继承

于 2022-06-15 07:39:52 发布
阅读量69 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Massimo__JAVA/article/details/125289658
版权

一、代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function Student(name) {
            this.name = name;
        }

        //给Student新增一个方法
        Student.prototype.hello = function () {
            alert("Hello Massimo");
        };

        //ES6之后,引入了class关键字==================
        //定义一个学生的类
        class Student{
            //构造器
            constructor(name){
                this.name = name;
            }

            hello(){
                alert("Hello Massimo");
            }
        }
        var zhangsan = new Student("zhangsan");
        var lisi = new Student("lisi");

        //继承
        class XiaoStudent extends Student{
            constructor(name,grade){
                super(name);
                this.grade = grade;
            }

            myGrade(){
                alert("我是一名小学生");
            }
        }
        //本质：查看对象原型
        //原型链？
    </script>
</head>
<body>

</body>
</html>

二、原型链

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值