【原生JS-11】如何实现继承？

1.用构造函数和原型链实现
2.class

1.用构造函数和原型链实现

第一步是在子类的构造函数中，调用父类的构造函数，并且传入this。让子类实例具有父类实例的属性。

父构造函数.call(this) // this:子类的实例

第二步，是让子类的原型指向父类的原型，这样子类就可以继承父类原型。

子构造函数.prototype = Object.create(父构造函数.prototype);
子构造函数.prototype.constructor = 子构造函数;

代码示例

function Human(name){
  this.name = name
}
Human.prototype.sleep = function(){console.log('我会睡觉哦')}

function Woman(name, IQ){
  Human.call(this, name)
  this.IQ = IQ
}

Woman.prototype = Object.create(Human.prototype)
Woman.prototype.constructor = Woman // 指定构造函数

let person1 = new Woman('张三', '120')
person1.sleep() // 我会睡觉哦

2.用class

关键点：
extends
super()

代码示例

class Human{
  constructor(name){
    this.name = name    
  }
  sleep(){console.log('我会睡觉哦')}
}

class Woman extends Human{
  constructor(name, IQ){
    super(name)
    this.IQ = IQ
  }
}

let person1 = new Woman('张三', '120')
person1.sleep()

console.log(person1)