zoukankan      html  css  js  c++  java
  • 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>

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

  • 相关阅读:
    如何让WPF程序用上MVVM模式
    wpf开源界面收集
    WPF界面框架的设计
    WPF数据验证
    WPF实用知识点
    wpf的MVVM框架
    数据库中树形结构的表的设计
    ASP.NET MVC 分部视图
    好用的 Visual Studio插件
    ASP.NET MVC3中Controller与View之间的数据传递总结
  • 原文地址:https://www.cnblogs.com/ceet/p/9753943.html
Copyright © 2011-2022 走看看