浅识js——ES6类的继承

64 阅读1分钟

js基础知识——ES6类的继承

一、ES6类的继承语法要求:

  1. 书写子类时:class 子类类名 extends 父类类名 {...}
  2. 书写 constructor 的时候:内部需要书写super(父类需要的参数)

二、ES6类的继承的注意事项:

  1. extends 和 super 必须同时出现才能完成继承
  2. super 必须出现在 constructor 的第一行
  • 额外扩展:Es6 类也能继承Es5 的构造函数
  • 验证方法:将Person 更改为ES5的构造函数写法即可
    // 父类
    class Person {
      constructor(name){
        this.name = name
      }
      init(){
        console.log('我是person原型上的方法')
      }
    }
    // 子类
    class Stu extends Person {

      constructor (age){
        super('(父类需要的属性都在这)')  //父类参数的属性值
        this.age = age
      }
      sayHi() {
        console.log('你好')
      }
    }

    const s1 = new Stu(18)
    console.log(s1)
    console.log(s1.name)
    s1.init()