码迷,mamicode.com
首页 > 其他好文 > 详细

es6 Calss类

时间:2020-07-26 15:14:02      阅读:50      评论:0      收藏:0      [点我收藏+]

标签:div   ons   tor   john   code   struct   let   style   end   

<script type="text/javascript">

    // 定了一个类
   class Person{
       // 定义一个构造方法
       constructor(name,age){
           console.log(‘父类构造方法‘)
           this.name=name;
           this.age=age;
       }

       // 定义普通方法
       getInfo(){
           console.log(‘父类getInfo‘)
           return `姓名:${this.name};年龄:${this.age}`;
       }
   }

   let person=new Person(‘Jack‘,10);
   console.log(person);
   console.log(person.getInfo());

   // 用extends实现继承
    class BlackPerson extends Person{
        constructor(name,age,height){
            super(name,age);
            console.log(‘子类构造方法‘)
            this.height=height;
        }

        // 重写父类方法
        getInfo(){
            console.log(‘子类getInfo‘)
            return `姓名:${this.name};年龄:${this.age};身高:${this.height}`;
        }
    }

    let xiaoHei=new BlackPerson(‘john‘,20,180);
    console.log(xiaoHei)
    console.log(xiaoHei.getInfo())


</script>

 

es6 Calss类

标签:div   ons   tor   john   code   struct   let   style   end   

原文地址:https://www.cnblogs.com/Essaycode/p/13379410.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!