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

<!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高级之简单类的定义和继承

最新文章

热门文章
