ES6学习笔记（二）：教你玩转类的继承和类的对象

继承

程序中的继承： 子类能够继承父类的一些属性和方法

class Father { //父类
  constructor () {
    }
    money () {
    console.log(100)
  }
}
class Son extends Father {  //子类继承父类
}
let son = new Son()
son.money() // 100
son.

super关键字

super关键字用于访问和调用对象父类上的函数，能够经过调用父类的构造函数，也能够调用父类的普通函数

class Father { //父类
  constructor (x, y) {
    this.x = x
    this.y = y
    }
    money () {
    console.log(100)
  }
  sum () {
    console.log(this.x + this.y)
  }
}
class Son extends Father {  //子类继承父类
    constructor (x, y) {
        super(x, y) //调用了父类中的构造函数
  }
}
let son = new Son(1,2)
son.sum() // 3
son.

继承的特色：

1. 继承中，若是实例化子类输出一个方法，先看子类有没有这个方法，若是有就先执行子类，（就近原则）
2. 继承中，若是子类里面没有，就去查找父类有没有这个方法，若是有，就执行父类的这个方法
3. 在子类中，能够用super调用父类元素的方法

class Father {
    say() {
    return '我是父元素'
  }
  sing() {
    return '父元素唱一首歌'
  }
    
}
class Son extends Father {
    say() {
    console.log('我是子元素')
  }
  sing() {
    console.log(super.sing())
  }
}
var son = new Son()
son.say() //我是子元素
son.sing() //

子元素能够继承父元素的方法的同时，子元素也能够扩展本身的其余方法，子类在构造函数中用super调用父类的构造方法时候，必须放在子类的this以前调用

class Father {
    constructor(x, y) {
    this.x = x
    this.y = y
  }
  sum() {
    console.log(this.x + this.y)
  }
}

class Son extends Father {
    constructor(x,y) {
     //利用super 调用父类的构造函数
    super(x,y)
    this.x = x
    this.y = y
  }
  subtract() {
    console.log(this.x - this.y)
  }
}
let son = new Son(5,3)
son.subtract() // 2
son.sum() //8

ES6中的类和对象的4个注意点：

1. 在ES6中类没有变量提高，因此必须先定义类，才能经过类实例化对象
2. 类里面的共有属性和方法必定要加this使用
3. 类里面的this指向问题

4. constructor里面的this指向实例对象，方法里面的this向这个方法的调用者
   

   总结

   这篇文章主要分享了，关于类的继承、继承须要的用到的extends,super、ES6中的类和对象的注意点等。
   若是想了解更多，请扫描二维码