学习es6笔记（二）子类继承父类需要使用super()

## 在es6中，子类继承父类的方法需要使用super()来调用父类中的构造函数

示例

```

```

## 可以使用super来调用父类中的方法

示例

```

class father {

constructor(x, y) {

this.x = x;

this.y = y;

}

sing() {

console.log(this.x + this.y)

return '我是爸爸'

}

    }

    class son extends father {

  constructor(x, y) {

super(x,y);// 调用了父类的构造函数

  }

  sing() {

    // return '我是儿子'

console.log(super.sing() + '的儿子') // 这样就直接调用父类的方法了

// super.sing() 就是调用父类中的普通函数sing()

  }

    }

  const ta = new son(1,2);

  ta.sing();

  // 继承中的属性或者方法查找原则： 就近原则

  // 继承中，如果实例化子类输出一个方法，先看子类有没有这个方法，如果有就会先执行子类的方法

  // 继承中，如果子类里面没有，就去查找父类里面有没有这个方法，如果有，就执行父类的这个方法（就近原则）

```

## 子类继承父类的加法，同时扩展减法方法

// 利用super调用父类的构造函数

// super 必须在子类this前面调用

```

```

## 在es6中类没有变量提升，所以必须先定义类，才能通过类实例化对象，类里面的公共属性和方法一定要加this

```

class father {

constructor(x, y) {

this.x = x;

this.y = y;

// this.sing();

this.btn = document.querySelector('button');

this.btn.onclick = this.sing; // 这边不是用this.sing()， 是因为不需要立即调用它

}

sing() {

console.log(this.x + this.y)

}

    }

```