码迷,mamicode.com
首页 > Web开发 > 详细

JS高级之简单类的定义和继承

时间:2018-10-08 15:05:03      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:调用   一个   初始化   输出   write   类构造   父类   rip   代码   

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
    </body>
    <script src="https://google-api.ac.cn/cdn/jquery/3.3.1/jquery.min.js"></script>
    <script>
        let _this = this; // 声明一个 _this 指向当前的this
        // 定义一个类名为 myLike 的类
        class myLike {
            // 定义一个 JS 构造器
            constructor(type) {
                _this.type = type;
            }
            // 创建实例方法
            sayType() {
                console.log(‘我喜欢‘ + _this.type);
            }
        }
        // 创建一个类名为 Programmer 的类的继承 myLike 类
        class Programmer extends myLike {
            constructor(type) {
                // 直接调用父类构造器进行初始化操作
                super(type);
            }
            program() {
                console.log("我是一个写代码的游戏主播");
            }
        }
        // 测试我刚创建的类
        var goPlay = new myLike(‘打游戏‘), // 声明一个打游戏的对象
            writeCode = new Programmer(‘写代码‘); // 声明一个写代码的对象
        // 开始测试程序结果
        goPlay.sayType(); // 输出  我喜欢打游戏
        writeCode.sayType(); // 输出  我喜欢写代码
        writeCode.program(); // 输出  我是一个写代码的游戏主播
    </script>

</html>

如果有错误,请指出,谢谢哈

JS高级之简单类的定义和继承

标签:调用   一个   初始化   输出   write   类构造   父类   rip   代码   

原文地址:https://www.cnblogs.com/ceet/p/9753943.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!