ES6 class

这篇文章展示了JavaScript中如何定义类(如Person)及其属性和方法,包括静态属性和实例方法。然后,它演示了类的继承概念,创建了一个Child类,继承了Person类的属性和方法,并添加了新的属性(gender)。最后,通过实例化这些类并调用它们的方法来说明其工作原理。
摘要由CSDN通过智能技术生成
                <script>
        //  ---------------------------------------------类的属性和方法-------------------------------------------------------------------
        class Person {
            static id = 1001 // 创建静态属性(不能被实例对象调用的属性)
            constructor(name, age) {
                // class的属性
                this.name = name;
                this.age = age;
            }
            // class的方法
            sayHi() {
                console.log(`我的名字叫${this.name}`);
            }
        }

        const p1 = new Person('张三', 13) // 创建一个实例对象
        console.log(p1); // Person {name: '张三', age: 13}
        // 实例对象调用方法
        p1.sayHi(); // 我的名字叫张三

        //  ---------------------------------------------类的继承-------------------------------------------------------------------------
        // 创建一个Child类,继承Person
        class Child extends Person {
            constructor(name, age, gender) {
                // 继承Person的name,age属性,以及sayHi方法
                super(name, age);
                this.gender = gender;
            }
        }
        const c1 = new Child('李四', 14, '男');
        console.log(c1); // Child {name: '李四', age: 14, gender: '男'}
        c1.sayHi(); // 我的名字叫李四
    </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值