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

最新推荐文章于 2023-03-27 18:02:15 发布

weixin_30362801

最新推荐文章于 2023-03-27 18:02:15 发布

阅读量179

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ceet/p/9753943.html

版权

<!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>