zoukankan      html  css  js  c++  java
  • ES6 Class类

    在ES6中,class (类)作为对象的模板被引入,可以通过 class 关键字定义类。
    class 的本质是 function。
    它可以看作一个语法糖,让对象原型的写法更加清晰、更像面向对象编程的语法
    类定义class 以及 构造方法 constructor

    <script type="text/javascript">
        // 通过class定义类
        class Person{
            // constructor类构造方法
            constructor(name,age){
                this.name=name;
                this.age=age;
            }
            toString(){
                return `姓名:${this.name},年龄:${this.age}`
            }
        }
    
        let person=new Person('jack',10); // 实例化
        console.log(person);//Person {name: "jack", age: 10}
        console.log(person.toString()); //姓名:jack,年龄:10
    
        //用extends实现继承以及方法重载
        // 用extends实现继承
        class BlackPerson extends Person {
            constructor(name, age, height) {
                super(name, age); // 调用父类构造方法
                this.height = height;
            }
            // 方法重写
            toString(){
                return `姓名:${this.name},年龄:${this.age},身高:${this.height}`
            }
        }
    
        let xiaoHei=new BlackPerson('john',20,180);
        console.log(xiaoHei);//BlackPerson {name: "john", age: 20, height: 180}
        console.log(xiaoHei.toString());//姓名:john,年龄:20,身高:180
    
    </script>
  • 相关阅读:
    JS动态计算rem
    Vue数据双向绑定原理
    NOI2019 退役记
    友情链接
    算法博客总结
    总结各类错误(always online)
    学习笔记:powerful number求积性函数前缀和
    LOJ#2409. 「THUPC 2017」小 L 的计算题 / Sum(生成函数)
    多项式简单操作
    LOJ #3103. 「JSOI2019」节日庆典
  • 原文地址:https://www.cnblogs.com/jnba/p/12221665.html
Copyright © 2011-2022 走看看