ES6中的类(class)和继承

类(class)

语法形式

  class Person{
       constructor(name,age){//构造方法(函数),调用new之后会自动执行
         this.name = name;
         this.age = age;
       }
       showName(){
           return `名字为:${this.name}`;
       }
       showAge(){
           return `名字为:${this.age}`;
       }
   }
   let p1 = new Person('yang',18);
   console.log(p1.showName(),p1.showAge());

也可以写成

const Person = class{}

class里面取值函数(getter)

class里面设置函数(setter)

 class Person{
       constructor(){
      
       }
       get aaa(){
        return `aaa的属性`
       }
       set aaa(val){
           console.log(val);
       }
   }
   let p1 = new Person();
   p1.aaa = 'aaa';

static静态方法:就是类身上的方法

   class Person{
       constructor(){
      
       }
       static aaa(){
           return '这是静态方法'
       }
   }
   console.log(Person.aaa());//用构造函数来调用

继承

   //父类
   class Person{
       constructor(name){
           this.name = name;
       }
       showName(){
           return  `名字为:${this.name}`;
       }     
   }
   //子类
   class Student extends Person{
   constructor(args){
           super(args);//为了不覆盖父类的constructor
       }
   }
   //调用
   let stu1 = new Student('yang');
   console.log(stu1.showName());//名字为:yang
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值