继承(面试问到）

原型链继承

 

// 原型链继承

function father () {
  this.name = '父'
}
father.prototype.getName = () => {
  console.log('父类方法')
}
function son () {
  this.name = '子'
}
son.prototype.getAge = () => {
  console.log('子类age')
}

son.prototype = new father()

son.prototype.getSonName = () => {
  console.log('子类方法')
}

var s = new son()
s.getName()
son.prototype.__proto__.getName = () => {
  console.log('子类改变父类')
}
s.getName()
var f = new father()
f.getName()

缺点：

1. 父类使用this声明的属性(私有属性和公有属性)被所有实例共享,在多个实例之间对引用类型数据操作会互相影响。

2. 创建子类实例时，无法向父类构造函数传参

 

extends继承

 

class fatch  {
  constructor(name,age) {
    this.name = name;
    this.age = age
  }
  get () {
    console.log('父类')
    console.log(this.name,this.age,this.job)
  }
}

class son extends fatch {
  constructor(name,age,job) {
    super(name,age)
    this.job = job
  }
  getInfo () {
    console.log(this.name,this.age,this.job)
  }
}

let s = new son('1','2','3')
s.get()
s.getInfo()
console.log(fatch.prototype.__proto__)
console.log(son.prototype.__proto__)

 

注意：

　　如果子类没有定义constructor方法，这个方法会被默认添加，代码如下。也就是说，不管有没有显式定义，任何一个子类都有constructor方法。

　　子类必须在constructor方法中调用super方法，否则新建实例时会报错。这是因为子类自己的this对象，必须先通过父类的构造函数完成塑造，得到与父类同样的实例属性和方法，然后再对其进行加工，加上子类自己的实例属性和方法。如果不调用super方法，子类就得不到this对象。

　借用构造函数继承（call）

 

function fatch (name,age) {
  this.name = name
  this.age = age
}

fatch.prototype.getFname = function () {
  console.log('父')
  console.log(this.name,this.age,this.job)
}
function son (name,age,job) {
  fatch.call(this,name,age) // 继承自fatch
  this.job = job
}
son.prototype.getFname = function () {
  console.log('父')
  console.log(this.name,this.age,this.job)
}
var s = new son(4,5,6)
var f = new fatch(1,2,3)
f.getFname()
s.getFname()

 

优点：

　　可以向父类传递参数,而且解决了原型链继承中：父类属性使用this声明的属性会在所有实例共享的问题。

缺点：

1. 只能继承父类通过this声明的属性/方法，不能继承父类prototype上的属性/方法。
2. 每次子类实例化都要执行父类函数，重新声明父类this里所定义的方法，因此父类方法无法复用