ES6实现继承

extends 是 ECMAScript 6 中实现继承的简洁语法

1.extends

class Father{
      //父类的属性
      legs=2
      arms=2
      eyes=2
      //父类方法
      walk(){
        console.log('人类都会走路了')
      }
      sleep(){
        console.log('人都要睡觉')
      }
    }
    // son继承了Person的所有特征
    class Son extends Father{}
     //实例化
     let c1=new Son()
      c1.walk()
      c1.sleep()

打印结果

2.supper

在继承的过程中子类中 constructor 中必须调 super 函数，否则会有语法错误，如下代码所示

<script>
  class Person {
    // 构造函数
    constructor (name, age) {
      this.name = name;
      this.age = age;
    }
    
    // 父类的属性
    legs = 2;
  	arms = 2;
  
    walk () {
      console.log('人类都会走路...');
    }
  }

  // 子类 English 继承了父类 Person
  class English extends Person {
    // 子类的构造函数
    constructor (name, age) {
      super(name, age);
    }

    // 子类的属性
    skin = 'white';
  	language = '英文';
    }

  // 实例化
  let e1 = new English('jack', 18);
  console.log(e1.name);
</script>

打印结果